意思为“用表意文本来排齐内容。”
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其它相关文章!