CSS中有一个属性可以让一行字从中间分开,那就是text-align:center。例如下面的html代码: <div class= container > <
CSS中有一个属性可以让一行字从中间分开,那就是text-align:center。
例如下面的html代码: <div class="container"> <p class="split-row">这是一行需要分开的文字</p> </div> 下面的css代码将使文字从中间分开: .container { text-align: center; } .split-row { display: inline-block; border-bottom: 1px solid #000; line-height: .1em; margin: 10px 0 20px; padding: 0 10px; }
上面的代码中,将整个容器都设置了text-align:center,让内部的元素都水平居中。而split-row则是使文字内部的每个字都垂直居中,并且中间有一条下划线。因为文字本身是由多个字符组成的,所以需要display:inline-block。同时,设置line-height为.1em,让下划线与文字之间的距离只有一点点。margin和padding用于调整上下的间距。
粉丝
0
关注
0
收藏
0