如何在HTML中關閉自動換行?

2021-10-02 06:40:57 字數 1147 閱讀 9529

我覺得無法解決這個問題很愚蠢,但是如何關閉wordwrap呢? 可以使用break-word強制使用cssword-wrap屬性,但不能強制關閉 (只能保留normal)。

如何強制自動換行 ?

新增了上面缺少的webkit特定值

white-space: -moz-pre-wrap; /* firefox */

white-space: -o-pre-wrap; /* opera */

white-space: pre-wrap; /* chrome */

word-wrap: break-word; /* ie */

您需要使用csswhite-space屬性。

特別是,white-space: nowrapwhite-space: pre是最常用的值。 第乙個似乎就是你要追求的。

我想知道你為什麼找到帶有「nowrap」或「pre」的「white-space」解決方案,它沒有做正確的行為:你強迫你的文字在一行! 文字應該斷行,但不會破壞單詞作為預設值。 這是由一些css屬性引起的:自動換行,溢位換行,分詞和連字元。 所以你可以有:

word-break: break-all;

word-wrap: break-word;

overflow-wrap: break-word;

-webkit-hyphens: auto;

-moz-hyphens: auto;

-ms-hyphens: auto;

hyphens: auto;

所以解決方案是刪除它們,或者用「unset」或「normal」覆蓋它們:

word-break: unset;

word-wrap: unset;

overflow-wrap: unset;

-webkit-hyphens: unset;

-moz-hyphens: unset;

-ms-hyphens: unset;

hyphens: unset;

更新:我還提供了jsfiddle證明: https :

html自動換行

在網上搜尋到2中解決方案 1.其實只要在 控制中新增一句 就搞定了。其中可能對英文換行可能會分開乙個單詞問題 解決如下 語法 word break normal break all keep all 引數 normal 依照亞洲語言和非亞洲語言的文字規則,允許在字內換行 break all 該行為與...

html自動換行

在網上搜尋到2中解決方案 1.其實只要在 控制中新增一句 就搞定了。其中可能對英文換行可能會分開乙個單詞問題 解決如下 語法 word break normal break all keep all 引數 normal 依照亞洲語言和非亞洲語言的文字規則,允許在字內換行 break all 該行為與...

在html中控制自動換行

其實只要在 控制中新增一句 就搞定了。其中可能對英文換行可能會分開乙個單詞問題 解決如下 語法 word break normal break all keep all 引數 normal 依照亞洲語言和非亞洲語言的文字規則,允許在字內換行 break all 該行為與亞洲語言的normal相同。也...