text-align:justify;不起作用的解决方法

作者: iaiayao | 来源:发表于2020-09-12 16:46 被阅读0次

单独设置text-align:justify;不起作用，非要在后面加一个内联块状元素宽度为100%就可以了
代码如下：

<p class="center">我是两端对齐文字端对齐文字<span></span></p>

.center{
  text-align:justify;
  text-align-last: justify;
}
span{
  display:inline-block;
  width:100%;
}

image.png

text-align:justify;不起作用的解决方法
单独设置text-align:justify;不起作用，非要在后面加一个内联块状元素宽度为100%就可以了代码如下...
文字分散开
text-align-last:justify; text-align:justify; text-justify...
css 实现文字两端对齐
text-align: justify; text-align-last: justify;
网页文字右侧参差不齐解决
text-align: justify;
text-align:justify实践
多列均匀布局主要是利用了text-align:justify，但text-align:justify不处理块内的最...
text-align：justify
text-align：justify设置文本两端对齐text-align:justify没有效果：若文字不满一行或...
CSS 字体对齐
text-align:justify; 两边对齐text-align:left; 左对齐text-align:ri...
2018-12-13关于文本的处理
文字在定宽容器中平均散落 text-align:justify;text-justify:distribute-a...
文本垂直居中
方式一: 使用 text-algin:justify, 但text-align:justify只对非最后一行有效,...
CSS3文本效果
CSS3 text-justify 属性 text-justify 属性规定当 text-align 被设置为 t...