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

小编典典

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

css

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

阅读 392

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