<style>
div.justify {
text-align: justify;
width:200px;
font-size:15px;
color:red;
border:1px solid blue;
height:18px;
}
div.justify > span {
display: inline-block /* Opera */;
padding-left: 100%;
}
</style>
<div class="justify">hello, text justify.</div><br/>
<div class="justify"> hello, text justify.<span></span></div><br/>
<div class="justify">中文两端对齐</div><br/>
<div class="justify">中文两端对齐<span></span></div>
效果:
说明:1.在块级元素加text-align:justify样式外,还需要在里面加一个空的span元素,并应用样式。
2.单独写text-align:justify;只有多行文本才能起作用,多行文本无效。