在 CSS 中,我們可以使用換行符號來自動換行或在元素文本中添加分隔符。相關代碼如下:
/* 自動換行 */ word-wrap: break-word; word-break: break-all; /* 添加分隔符 */ content: "\A"; white-space: pre-wrap;
自動換行代碼中,word-wrap: break-word;
會將長單詞強制分割,以適應元素的寬度,word-break: break-all;
可以在單詞中間進行換行。這些代碼讓元素在移動端或者窄寬度屏幕中不再出現水平滾動條,同時也讓文本更加易于閱讀。
添加分隔符代碼中,content: "\A";
會在選定元素文本的每個換行位置添加一個分隔符,white-space: pre-wrap;
則使元素能夠顯示預格式化文本,即保持代碼格式原樣顯示,同時也允許文本在元素寬度不足的情況下自動換行。
在實際應用中,我們可以根據實際需要選擇性地使用這些代碼來達到更好的視覺效果。
上一篇css換行顯示100