为什么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条经验 获得超5个赞
文字对齐用:text-align,以下是text-align属性的值与描述,希望对你有所帮助;
left:
把文本排列到左边。默认值:由浏览器决定。
right“把文本排列到右边。
center:把文本排列到中间。
justify:实现两端对齐文本效果。
inherit:规定应该从父元素继承 text-align 属性的值。
添加回答
举报
0/150
提交
取消