換行還是不換

2021-04-02 20:09:02 字數 688 閱讀 4534

最近在實現乙個webcontrol的showhistory功能的時候,遇到了下面的問題:

如果連續輸入日文很長的字串,那麼historylist的item將被撐得很大,不便於查詢其他item。

在這裡,我們不希望實現自動換行。

由於每乙個item是乙個div。

對於ie瀏覽器,找到了如下屬性,whitespace。 

在**中加上一句話:

newdiv.style.whitespace = 'nowrap';

就可以了。

效果:不自動換行,可以在一行顯示。

語法:white-space :normal|pre|nowrap

引數:normal :預設處理方式

pre :用等寬字型顯示預先格式化的文字。不合併字間的空白距離和進行兩端對齊。參閱pre物件

nowrap :強制在同一行內顯示所有文字,直到文字結束或者遭遇br物件。參閱td,div等物件的nowrap屬性(特性)

說明:設定或檢索物件內空格的處理方式。

對應的指令碼特性為whitespace

示例:p

CSS換行不換行

段落文字不超出幾行,超出部分以省略號顯示 一 div內顯示一行,超出部分用省略號顯示 white space nowrap overflow hidden text overflow ellipsis 二 div內顯示兩行或三行,超出部分用省略號顯示 overflow hidden text ove...

CSS換行不換行

段落文字不超出幾行,超出部分以省略號顯示 一 div內顯示一行,超出部分用省略號顯示 white space nowrap overflow hidden text overflow ellipsis 二 div內顯示兩行或三行,超出部分用省略號顯示 overflow hidden text ove...

HTML div css 強制 換行 不換行

1 強制不換行,同時以省略號結尾。你好朋友朋友朋友我為什麼不能看到效果啊 2 css自動換行 div3 css強制英文單詞斷行 div 若是div巢狀,要使內層div根據內容自動換行,則可只設定外層的div寬,和 white spance nowrap即可。word break break all和...