div內容換行(隱藏)

2021-07-30 09:01:20 字數 416 閱讀 5537

1、換行不隱藏

div在某個容器裡面,要適應這個容器的寬度,然後自動換行,那麼如下寫就好了

《容器標籤》

style="clear:both">

div>

style="overflow-x:hidden;word-break:break-all;white-space:normal;">這邊寫內容div>

容器標籤》

2、隱藏不換行

//寬度隱藏,white-space:nowrap,表示不換行,即單行,text-overflow表示超過隱藏用...代替。

#all_wb

.wb_title

h3//高度隱藏

#all_wb

.wb_detail

css樣式內容超出div換行以及隱藏

之前,自己學過css樣式,看到過超出邊框的內容展示,今天專案用到,真是想不起來了,懶得在看文件了,直接網上搜了一下,記錄下來,以備往後用。word wrap break word 換行 word break break all 換行 overflow hidden 隱藏 這個引數根據需要來絕對要不要...

DIV的內容自動換行

word break break all和word wrap break word都是能使其容器如div的內容自動換行 它們的區別就在於 1,word break break all 例如div寬200px,它的內容就會到200px自動換行,如果該行末端有個英文單 詞很長 congratulatio...

DIV的內容自動換行

word break break all和word wrap break word都是能使其容器如div的內容自動換行 它們的區別就在於 1,word break break all 例如div寬200px,它的內容就會到200px自動換行,如果該行末端有個英文單 詞很長 congratulatio...