列表中顯示文字強制不換行,大於li寬度自動隱藏

2021-08-26 06:01:57 字數 678 閱讀 9092

li

涉及關鍵屬性的語法:

1、語法: 

text-overflow : clip | ellipsis 

引數: 

clip :  不顯示省略標記(...),而是簡單的裁切 

ellipsis :  當物件內文字溢位時顯示省略標記(...) 2、

語法: 

overflow : visible | auto | hidden | scroll 

引數: 

visible :  不剪下內容也不新增滾動條。假如顯式宣告此預設值,物件將被剪下為包含物件的window或frame的大小。並且clip屬性設定將失效 

auto :  此為body物件和textarea的預設值。在需要時剪下內容並新增滾動條 

hidden :  不顯示超過物件尺寸的內容

scroll :  總是顯示滾動條 3、

語法: 

white-space : normal | pre | nowrap 

引數: 

normal :  預設處理方式 

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

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

來自: 

標籤文字強制不換行

強制不換行a 再補充說明所有關於換行的css樣式 white space normal pre nowrap pre wrap pre line inherit white space 屬性設定如何處理元素內的空白 normal 預設。空白會被瀏覽器忽略。pre 空白會被瀏覽器保留。其行為方式類似 ...

table中強制不換行

總是一些文章說要強制換行,很少提到說如何不換行。一般都會使用word break keep all 使得強制不換行。不換行不換行不換行不換行 不換行不換行不換行不換行不換行不換 行不換行不換行不 換行不換行不換行不換行不換行不換行不換行不換行 1111 2222222 table table td這...

css 強制不換行,自動換行,超出顯示省略號

css 強制不換行,自動換行,超出顯示省略號 強制不換行 white space nowrap 自動換行 word wrap break word 強制英文單詞斷行 word break break all 注意 設定強制將英文單詞斷行,需要將行內元素設定為塊級元素。超出顯示省略號 text ove...