.sixBoxs_son_span_fa {
width: 100%;
height: 0.11rem;
line-height: 0.11rem;
background-color: #ccc;
}
.sixBox_li span {
/* line-height: 0; */
display: inline-block;
width: 0.65rem;
height: 100%;
background: rgba(231, 120, 23, 1);
}
/* text-align加到父亲上的 */
line-height: 0.2rem;
行高加到父亲或者自己身上都行
注意事项：
终于知道div 里面span 设置为下划线不生效的原因是没有加行高
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
margin: 0;
padding:0;
}
.box{
margin: 0 auto;
width: 800px;
height: 2px;
}
.box span{
display: inline-block;
line-height: 2px;
width: 100%;
height: 2px;
background-color: orange;
}
</style>
</head>
<body>
<div class="box">
<span></span>
</div>
</body>
</html>
没有line-height span中没有内容是不会被撑起来的
行高也是可以继承的
<div class="jicheng">
<p>继承</p>
<span>元素的 line-height 属性值会继承父元素（或祖先元素）的 line-height 属性值</span>
</div>
.jicheng{
/* line-height: 50px; */
width: 600px;
height: 600px;
margin: 0 auto;
margin-top: 100px;
background-color: #ddd;
}
.jicheng p{
font-size: 18px;
background-color: orange;
}
.jicheng span{
display: inline-block;
background-color: pink;
}
