实现文字两端对齐
实现文字两端对齐,除了文本身要用空格隔开,设置text-align:justify; 及其他样式外,还需要在要两端对齐的文本后面加空标签或者伪元素。
<h2>活 动 详 情<span></span></h2>
.cityPart h2{
width: 200px;
height: 30px;
padding-left: 10px;
font-size: 22px;
text-align:justify;
}
/*方法1*/
.cityPart h2 > span{
display: inline-block; /* Opera */
padding-left: 100%;
}
/*方法2*/
.cityPart h2::after{
content: "";
display: inline-block;
padding-left: 100%;
}
参考自博文:http://www.cnblogs.com/lzkwin/archive/2012/11/08/2761667.html