如何在所有浏览器中对齐 Div 中最后一行文本？

对齐 Div 的最后一行

的最后一行的默认文本对齐方式通常是左对齐的，即使文本的其余部分是合理的。这可能会令人沮丧，尤其是当您出于美观或可读性原因需要调整最后一行时。

跨浏览器解决方案

要调整 a 的最后一行

跨各种浏览器，包括 IE6 ，您可以使用以下 CSS：

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

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

此方法结合了 text-align-last: justify;属性，IE 支持，具有 :after 伪内容方法的变体。它还修复了删除单行文本元素后添加的额外空格的问题。

单行文本修复

如果您的

仅包含一行文本，您可以使用以下 CSS 来防止上一个解决方案可能导致的额外空行：

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

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

其他资源

对于更详细的信息，请参考至：

• http://kristinlbradley.wordpress.com/2011/09/15/cross-browser-css-justify-last-line-paragraph-text/

以上是如何在所有浏览器中对齐 Div 中最后一行文本？的详细内容。更多信息请关注PHP中文网其他相关文章！