HTML,文字左右對齊

標籤：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,文字左右對齊