Div 中的字母間距可以動態調整以填滿其固定寬度嗎？

調整字母間距以適合Div 寬度

問題：

您有一個固定寬度的div，並且div 內的文字長度各不相同。是否可以動態調整文字中字母之間的間距，使其始終完美填滿 div，而不管文字內容如何？

解決方案：

關鍵要實現這一點，需要結合 CSS 文字對齊屬性和巧妙的「技巧」。

CSS程式碼：

div {
  background-color: gold;
  text-align: justify;
}

span {
  background-color: red;
  width: 100%;
  height: 1em;
  display: inline-block;
}

HTML 程式碼：

<div>
  Lorem ipsum sit dolor
  <span></span>
</div>

說明：

說明「文本- align: justify"屬性將文字與左右邊距對齊。 「span」元素是一個透明的覆蓋層，可以拉伸 div 的寬度 (100%)。透過在文字內容後面放置“跨度”，它會強製文字填滿剩餘空間，從而調整字母之間的間距。

以上是Div 中的字母間距可以動態調整以填滿其固定寬度嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！