![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 104 阅读 · 0 评论 -
面试题---CSS
1、盒模型标准盒模型:总宽度:内容 ( content ) + border + padding + marginIE盒模型(怪异盒模型):宽度 = 内容宽度 ( content + border + padding ) + margin2、弹性盒模型flex-direction:row //(默认)主轴为水平方向,起点在左端。flex-direction:row-reverse //主轴为水平方向,起点在右端flex-direction:column //使用后会使主轴变为y轴f原创 2020-11-27 00:09:36 · 189 阅读 · 0 评论 -
CSS“隐藏”元素的几种方法的对比
一说起CSS隐藏元素,大部分我们都会想到的第一种方法就是设置display为none。这是最为人所熟知也是最常用的方法。我相信还有不少人想到使用设置visibility为hidden来隐藏元素。display:none设置元素的display为none是最常用的隐藏元素的方法。.box{ display:none;}将元素设置为display:none后,元素在页面上将彻底消失,元素本来占有的空间就会被其他元素占有,也就是说它会导致浏览器的重排和重绘。visibility:hid.原创 2021-06-18 17:06:21 · 295 阅读 · 0 评论