为了账号安全,请及时绑定邮箱和手机立即绑定

请问为什么css应用text-align:justify不能两端对齐?

请问为什么css应用text-align:justify不能两端对齐?

烙印99 2019-06-25 14:10:20
为什么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;}


查看完整回答
反对 回复 2019-06-29
?
BIG阳

TA贡献1859条经验 获得超6个赞

text-align:justify; text-align-last:justify; text-justify:inter-ideograph;

除了上面这些,或许你这个是因为长单词的问题,让长单词允许换行:
word-wrap: break-word;


查看完整回答
反对 回复 2019-06-29
?
ibeautiful

TA贡献1993条经验 获得超5个赞

文字对齐用:text-align,以下是text-align属性的值与描述,希望对你有所帮助;

left:
把文本排列到左边。默认值:由浏览器决定。

right“把文本排列到右边。

center:把文本排列到中间。

justify:实现两端对齐文本效果。

inherit:规定应该从父元素继承 text-align 属性的值。

查看完整回答
反对 回复 2019-06-29
  • 4 回答
  • 0 关注
  • 2123 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信