
css
Damien_J
Comprehend |
Create |
Universe
展开
-
css 强制不换行,超出长度显示滚动条并重写滚动条样式
因为我用的是primeng所以是p-table,也可以直接使用table。这个写了很多次了,有时候又需要回忆下具体参数,就直接干脆一步到位记录下。最终效果,滚动条颜色可以css修改,在一个table里面的td。关于重写滚动条css具体可以看我这篇blog。原创 2023-05-11 15:52:53 · 1000 阅读 · 0 评论 -
css 重写滚动条样式
最近table中有列的td必须上滚动条,但是默认的样式实在是太丑了,但是好久没用了忘记了,查了下,顺便记录一下 默认的滚动条样式是这样的,有时候和项目的样式风格不符合,只能重写一下样式。 如果是横向滚动条,就重写height 纵向就重写width,演示图中我重写就是height。 然后分别重写了滚动条的滑块背景颜色 然后重写了外层轨道的背景颜色 .your-div-class::-webkit-scrollbar { height: 4px; //width: 4px..原创 2021-10-07 15:32:32 · 777 阅读 · 0 评论 -
CSS 布局神器 Flex 总结
之前一直或多或少的使用了Flex,但是没有系统的总结下,正好今天有空,就顺便总结下 简介 首先呢,什么是Flex Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性 任何一个容器或者行内元素都可以指定为Flex布局 .div1{ display:flex } .item1{ display: inline-flex; } 但是有一点需要注意 设为Flex布局以后,子元素的 float 、clear 和 vertical-alig.原创 2021-08-10 10:08:10 · 309 阅读 · 0 评论 -
CSS Transition失效问题
最近使用transition会遇到失效的问题,尝试之后解决了,记录下. 必须预先设置该属性原来的参数 例如 div{ width:100px; trasition:all 1s; } div:hover{ width:200px; } 如果不一开始给width设置值的话,使用默认宽度就会导致失效 ...原创 2021-08-26 16:04:07 · 1848 阅读 · 0 评论