码迷,mamicode.com
首页 > Web开发 > 详细

HTML,文字两端对齐

时间:2017-08-18 11:00:33      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:pad   padding   标签   idt   opera   play   解决   意思   width   

text-align: justify样式的意思是文字两端对齐,但是有时候你会发现这东西不起左右,比如在div标签中的文字。

解决方法:在div中放一个空的span标签,并使用下面的样式。

        .justify
        {
            text-align: justify;
            width: 100px;
        }
        .justify > span
        {
            display: inline-block /* Opera */;
            padding-left: 100%;
        }

<div class="justify">需要展示的文字<span><span></div>

 

HTML,文字两端对齐

标签:pad   padding   标签   idt   opera   play   解决   意思   width   

原文地址:http://www.cnblogs.com/carlows/p/7387997.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!