為什么css應用text-align:justify不能兩端對齊?
4 回答

MYYA
TA貢獻1868條經驗 獲得超4個贊
一行文本不進行處理。還有就是強制換行的也不處理。所以你強制占滿(在后面加個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貢獻1859條經驗 獲得超6個贊
text-align:justify; text-align-last:justify; text-justify:inter-ideograph;
除了上面這些,或許你這個是因為長單詞的問題,讓長單詞允許換行:
word-wrap: break-word;

ibeautiful
TA貢獻1993條經驗 獲得超6個贊
文字對齊用:text-align,以下是text-align屬性的值與描述,希望對你有所幫助;
left:
把文本排列到左邊。默認值:由瀏覽器決定。
right“把文本排列到右邊。
center:把文本排列到中間。
justify:實現兩端對齊文本效果。
inherit:規定應該從父元素繼承 text-align 屬性的值。
添加回答
舉報
0/150
提交
取消