css 換行控制

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 # 控制文本修剪方式。修剪;修剪並顯示省略號。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章