HTML,文字兩端對齊


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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM