css无法两端对齐

text-justify属性规定当text-align被设置为text-align时的齐行方法。该属性规定如何对齐行文本进行对齐和分隔。inter-ideograph
意思为“用表意文本来排齐内容。”

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无法两端对齐的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读