HTML 設置文本不換行的方法
在 HTML 中,有時我們希望某些文字或代碼不被自動換行,可以使用以下方法來實現。
1.使用
標簽標簽可以保留所有空格和換行,適用于展示代碼等需要保持原格式的內容。例如:function add(a, b) { return a + b; }2.使用 CSS white-space 屬性 white-space 屬性可以控制文本的空白符如何處理,常用取值有以下幾種: - normal(默認值):合并連續空白符,自動換行; - nowrap:合并連續空白符,不換行; - pre:保留所有空白符,不自動換行; - pre-wrap:保留所有空白符,自動換行。 例如:這里的文本不換行。
這里的 空格 會 保留。
實際上,標簽也是以 white-space:pre; 的方式來控制格式的。 希望這篇文章對你有所幫助!