css控制文字換行

2021-09-24 17:36:04 字數 773 閱讀 3477

設定為break-word時,文字中的長單詞或url可以換行

換行換行換行換行換行換行換行換行aaaaaaaaaaaaaaaa

新增換行後的效果

若css不設定word-wrap,遇到長單詞時內容溢位,效果如圖所示

設定為break-all時,文字遇到長單詞,會選擇在合適的位置截斷進行換行

換行換行換行換行換行換行換行換行aaaaaaaaaaaaaaaa

效果圖如下

設定為nowrap後文字內容不換行

不換行不換行不換行不換行不換行不換行不換行不換行

效果圖如下,文字超出元素邊框,不換行 

若文字**現空白時,需要保留則設定為pre

該屬性設定為pre-line和pre-wrap後,文字會換行,但是pre-line不保留空白,pre-wrap保留空白

css控制文字換行

設定為break word時,文字中的長單詞或url可以換行 換行換行換行換行換行換行換行換行aaaaaaaaaaaaaaaa 新增換行後的效果 若css不設定word wrap,遇到長單詞時內容溢位,效果如圖所示 設定為break all時,文字遇到長單詞,會選擇在合適的位置截斷進行換行 換行換行...

CSS控制文字自動換行

1.你定死 的寬度,即給 乙個寬度值 是數值,不是百分比 2.強制不換行 div自動換行 div強制英文單詞斷行 div3.總結了一下,只要在css中定義了如下句子,可保網頁不會再被撐開了。table td word break break all word wrap break word 注釋一下...

CSS控制文字自動換行

1.你定死 的寬度,即給 乙個寬度值 是數值,不是百分比 2.強制不換行 div自動換行 div強制英文單詞斷行 div3.總結了一下,只要在css中定義了如下句子,可保網頁不會再被撐開了。table td word break break all word wrap break word 注釋一下...