為什么css應(yīng)用text-align:justify不能兩端對齊?
4 回答
MYYA
TA貢獻(xiàn)1868條經(jīng)驗 獲得超4個贊
一行文本不進(jìn)行處理。還有就是強制換行的也不處理。所以你強制占滿（在后面加個span）了一行他才處理。
| 123456789 | <p class="home">test test test <span></span></p>.home{ text-align:justify;} span{ display:inline-block; width:100%;} |
加上span會會有效果，但是span會影響布局，所以
| 1234 | .home{ text-align:justify; overflow:hidden;} |
BIG陽
TA貢獻(xiàn)1859條經(jīng)驗 獲得超6個贊
text-align:justify; text-align-last:justify; text-justify:inter-ideograph;
除了上面這些，或許你這個是因為長單詞的問題，讓長單詞允許換行：
word-wrap: break-word;
ibeautiful
TA貢獻(xiàn)1993條經(jīng)驗 獲得超6個贊
文字對齊用：text-align，以下是text-align屬性的值與描述，希望對你有所幫助；
left：
把文本排列到左邊。默認(rèn)值：由瀏覽器決定。
right“把文本排列到右邊。
center：把文本排列到中間。
justify：實現(xiàn)兩端對齊文本效果。
inherit：規(guī)定應(yīng)該從父元素繼承 text-align 屬性的值。
添加回答
舉報
0/150
提交
取消