css
李夏洛
写走心的代码
展开
-
CSS实现单行、多行文本溢出显示省略号
单行: overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 多行: display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;原创 2021-06-18 10:26:26 · 100 阅读 · 0 评论 -
面试题---CSS
1、盒模型 标准盒模型:总宽度:内容 ( content ) + border + padding + margin IE盒模型(怪异盒模型):宽度 = 内容宽度 ( content + border + padding ) + margin 2、弹性盒模型 flex-direction:row //(默认)主轴为水平方向,起点在左端。 flex-direction:row-reverse //主轴为水平方向,起点在右端 flex-direction:column //使用后会使主轴变为y轴 f原创 2020-11-27 00:09:36 · 179 阅读 · 0 评论 -
CSS“隐藏”元素的几种方法的对比
一说起CSS隐藏元素,大部分我们都会想到的第一种方法就是设置display为none。这是最为人所熟知也是最常用的方法。我相信还有不少人想到使用设置visibility为hidden来隐藏元素。 display:none 设置元素的display为none是最常用的隐藏元素的方法。 .box{ display:none; } 将元素设置为display:none后,元素在页面上将彻底消失,元素本来占有的空间就会被其他元素占有,也就是说它会导致浏览器的重排和重绘。 visibility:hid.原创 2021-06-18 17:06:21 · 288 阅读 · 0 评论