CSS 布局強制不換行是指讓文本在一行之內顯示,不管是否超出父容器的寬度。這種布局方式常用于展示長文章標題、單詞或代碼等需要強制不換行的文字內容。
在 CSS 中,我們可以使用white-space
屬性和word-break
屬性來控制文本不換行。
/* 防止普通的空格、制表符、換行符合并 */ white-space: pre; /* 超過容器寬度時,強制不換行,將單詞拆成兩行 */ word-break: break-all;
以上代碼演示了如何讓文本在容器內強制不換行,即使文本內容超出了容器的寬度。如果你在編寫代碼、單詞、標題等需要保證不換行的文本時,可以使用這種方式避免文本內容出現折行現象。