如何在所有瀏覽器中對齊 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://kristinlbra dley.wordpress.com/2011/09/15/cross-browser-css-justify-last-line-paragraph-text/

以上是如何在所有瀏覽器中對齊 Div 中最後一行文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！