中英禁止斷行css,即控制文本在最后一個(gè)字母后不能換行,從而保證整個(gè)詞語不被分割成兩行,美觀性和閱讀體驗(yàn)有所提高。下面介紹一下實(shí)現(xiàn)的方法:
p { white-space: nowrap; // 不允許換行 overflow: hidden; // 超出部分隱藏 text-overflow: ellipsis; // 超出部分自動(dòng)省略號(hào)表示 }
white-space屬性:規(guī)定是否在元素中保留空白符號(hào)和換行符號(hào)。
nowrap: 取消換行。
overflow屬性:規(guī)定當(dāng)元素內(nèi)容溢出其區(qū)域時(shí)發(fā)生的事情。
hidden: 溢出部分隱藏,不再顯示。
text-overflow: 簡寫屬性,規(guī)定文本溢出時(shí)的顯示方式。
ellipsis:文本溢出時(shí)用省略號(hào)表示。
注意事項(xiàng):該方法只適用于單行文本,對(duì)于多行文本可使用display: inline-block;結(jié)合max-width屬性進(jìn)行控制。