web 頁面製作過程中經常有控制內容換行的需求,想讓內容自動換行,不自動換行,顯示滾動條等,在此總結一下 css 關於內容換行的相關樣式:
white-space: normal | nowrap | pre
# 控制折行的表現。折行;不折行;保留一切特殊字符,類似<pre>
標籤。word-wrap: normal | break-word
# 控制自動添加折行的方式。按單詞折行;不考慮單詞折行 。overflow | overflow-x | overflow-y: visible | hidden | scroll | auto
# 控制超出部分的表現方式。可見;隱藏;顯示滾動條;超出後顯示滾動條。text-overflow: clip | ellipsis
# 控制文本修剪方式。修剪;修剪並顯示省略號。