![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
wang_liuyong
沧海一粟
展开
-
css 常见布局
css常见布局一、左右布局1.使用浮动属性(左右自适应)<div class="box clearfix"> <div class="left"></div> <div原创 2018-07-21 14:52:15 · 215 阅读 · 0 评论 -
css学习笔记
一、css四种引入方式1.内联style属性 2.style标签 3.外部文件css link引入 4.css样式表中引入 @import url(./b.css);二、浮动的清除子元素浮动,父元素会崩塌 给父元素添加一个类:.clearfix::after{ content:""; display:block; clear:both;}...原创 2018-07-21 14:55:57 · 116 阅读 · 0 评论 -
css深入浅出
44544原创 2018-07-22 17:16:36 · 385 阅读 · 0 评论 -
text-overflow:ellipsis在多行的实现
以下代码实现了指定最多显示4行,超过4行的字,用…代替。<div class='wrapper'> <p class='text'>要指定行数的文本内容</p></div>.text{ overflow: hidden; text-overflow: ellipsis; display: -webki...原创 2018-07-22 15:18:27 · 8887 阅读 · 0 评论 -
flex
1.任何一个容器都可以指定flex布局。当一个元素设为flex布局之后,子元素的float、clear、vaertical-align等属性就会失效。2.容器的属性flex-direction 项目的排列方向(row/row-reverse/column/coulmn-revrese) flex-wrap 项目的换行方式(nowrap/wrap/wrap-reverse) fl...原创 2018-08-07 09:18:37 · 174 阅读 · 0 评论 -
grid布局
&lt;div class="container"&gt; &lt;div class="item item-1"&gt;&lt;/div&gt; &lt;div class="item item-2"&gt;&lt;/div&原创 2018-09-11 16:50:14 · 388 阅读 · 0 评论