一尘不染

证明div的最后一行是否合理?

css

我不认为“为什么?” 这个问题很重要…但是我需要做的是 DIVtext- align:justify的最后一行文本。通常,div的最后一行(如果没有其他行,则是第一行,这是当前情况)没有理由,而是左对齐。我知道这可能根本没有意义,但是我绝对需要最后一行是合理的!
__


阅读 347

收藏
2020-05-16

共1个答案

一尘不染

这是一种跨浏览器方法,可在IE6 +中使用

它结合了text-align-last:理由;这是由IE和:after伪内容方法的一种变体支持的。它包括一个删除行文本元素后删除多余空间的修复程序。

CSS:

p, h1{
   text-align: justify;
   text-align-last: justify;
}

p:after, h1:after{
   content: "";
   display: inline-block;
   width: 100%;
}

如果您只有一行文字,请使用该文字来防止上述CSS导致空白行

h1{
   text-align: justify;
   text-align-last: justify;
   height: 1em;
   line-height: 1;
}

h1:after{
   content: "";
   display: inline-block;
   width: 100%;
}
2020-05-16