HTML与CSS的一些知识（四）

标签：dde   lin   定位   知识   isp   clear   float   使用   清除浮动   

　　续：

　　　　line-height　　用于设置一行文本行高，一般用于文本的垂直居中；

　　　　display　　用于设置元素的显示方式

　　　　float　　浮动，让元素漂浮起来排列

　　　　　　浮动的影响：

　　　　　　　　a.浮动后，行内元素可以支持宽高

　　　　　　　　b.文本会让位，绕排

　　　　　　　　c.不能撑起父级高度，父级若没设高度，就没有高度；

　　　　　　清除浮动影响：

　　　　　　　　a.给父级内容最后添加一个 div ，添加 clear 属性

　　　　　　　　b.给父级设置 overflow：hidden (不推荐使用)

　　　　　　　　c.使用伪元素 after 

　　　　　　　　　　元素名：after{content：“”；display：block；visibility：hidden；clear：both；height：0；line-height：0；}元素名{zoom：1（针对ie678）}

　　　　　　　　d.使用双伪元素 after和 before

　　　　　　　　　　元素名：after ，元素名：before{content：“”；display：table；clear：both；}元素名{zoom：1（针对ie678）}

　　　　position　　定位

　　　　vertical-align　　元素垂直对齐方式；定义基线对齐方式；

HTML与CSS的一些知识（四）

标签：dde   lin   定位   知识   isp   clear   float   使用   清除浮动   

原文地址：https://www.cnblogs.com/long-z/p/10113099.html