多種型別文字超出隱藏問題

2021-09-29 09:04:23 字數 1052 閱讀 6050

問題一:如何實現檔案禁止折行,超過部分用省略號隱藏?

white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;

強制不換行,超出部分隱藏且以省略號形式出現

white-space 屬性設定如何處理元素內的空白

normal預設。空白會被瀏覽器忽略。

pre 空白會被瀏覽器保留。其行為方式類似 html 中的 pre 標籤。

nowrap文字不會換行,文字會在在同一行上繼續,直到遇到 br 標籤為止。

pre-wrap 保留空白符序列,但是正常地進行換行。

pre-line 合併空白符序列,但是保留換行符。

inherit 規定應該從父元素繼承 white-space 屬性的值。

word-wrap 屬性用來標明是否允許瀏覽器在單詞內進行斷句

normal: 只在允許的斷字點換行(瀏覽器保持預設處理)

break-word:在長單詞或url位址內部進行換行,內容將在邊界內換行。如果需要,單詞內部允許斷行。

word-break 屬性用來標明怎麼樣進行單詞內的斷句

normal:使用瀏覽器預設的換行規則。

break-all:允許在單詞內換行,允許任意非cjk(chinese/japanese/korean)文字間的單詞斷行。

keep-all:只能在半形空格或連字元處換行,不允許cjk(chinese/japanese/korean)文字中的單詞換行,只能在半形空格或連字元處換行。非cjk文字的行為實際上和normal一致。

問題二:如何實現檔案顯示兩行,超過部分用省略號隱藏?

overflow:hidden;

text-overflow:ellipsis;

display:-webkit-box; //將物件作為彈性伸縮盒子模型顯示。

-webkit-box-orient:vertical;//從上到下垂直排列子元素(設定伸縮盒子的子元素排列方式)

-webkit-line-clamp:2;//這個屬性不是css的規範屬性,需要組合上面兩個屬性,表示顯示的行數。

多種型別文字超出隱藏問題

white space nowrap overflow hidden text overflow ellipsis 強制不換行,超出部分隱藏且以省略號形式出現 word wrap 屬性用來標明是否允許瀏覽器在單詞內進行斷句 word break 屬性用來標明怎麼樣進行單詞內的斷句 overflow ...

多種型別文字超出隱藏問題

問題一 如何實現檔案禁止折行,超過部分用省略號隱藏?white space nowrap overflow hidden text overflow ellipsis 強制不換行,超出部分隱藏且以省略號形式出現 word wrap 屬性用來標明是否允許瀏覽器在單詞內進行斷句 word break 屬...

listview 多種型別

1.type count 2,type position 3,getview by type override public int getitemviewtype int position else return type override public int getviewtypecount ...