最近在實現乙個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和...