溢出的文字隱藏
word-break:自動換行
normal 使用瀏覽器默認的換行規則。
break-all 允許在單詞內換行。
keep-all 只能在半角空格或連字符處換行。
主要處理英文單詞
white-space
white-space設置或檢索對象內文本顯示方式。通常我們使用於強制一行顯示內容
normal : 默認處理方式 nowrap : 強制在同一行內顯示所有文本,直到文本結束或者遭遇br標簽對象才換行。
可以處理中文
text-overflow 文字溢出
text-overflow : clip | ellipsis
設置或檢索是否使用一個省略標記(...)標示對象內文本的溢出
clip : 不顯示省略標記(...),而是簡單的裁切
ellipsis : 當對象內文本溢出時顯示省略標記(...)
注意一定要首先強制一行內顯示,再次和overflow屬性 搭配使用