在 CSS 中處理超過螢幕寬度的長單字可能會很棘手。 flex-wrap
屬性不夠;相反,使用 word-wrap
優雅地將溢出的文字包裹到下一行。
要實現此目的,只需合併以下 CSS:
<code class="language-css">word-wrap: break-word; hyphens: auto;</code>
hyphens: auto
屬性在行尾加上連字符,提供單字在下一行繼續的視覺提示。 當長單字跨行斷行時,這可以增強可讀性。
以上是享受 CSS!的詳細內容。更多資訊請關注PHP中文網其他相關文章!