css无法两端对齐

css无法两端对齐

实现文字两端对齐的效果：

text-align:justify;
text-justify:inter-ideograph;

如果没有效果，可以用下面这个方法：

（推荐学习：CSS视频教程）

CSS代码:

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%; 
}

HTML代码：注意那个span标签

<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>

最终效果图：

更多CSS相关技术文章，请访问CSS3答疑栏目进行学习！

以上就是css无法两端对齐的详细内容，更多请关注0133技术站其它相关文章！