CSS 自動分行是一種樣式技術,它可以讓文本根據盒子的寬度自動進行分行,從而適應不同的屏幕和設備。
在 CSS 中,我們可以使用word-wrap
或者white-space
屬性控制自動分行。
/* word-wrap 屬性 */ word-wrap: break-word; /* white-space 屬性 */ white-space: pre-wrap;
其中word-wrap: break-word;
會強制將單詞拆分成多行,從而適應較小的屏幕,white-space: pre-wrap;
則會將空格和換行符保留,并且自動分行,適用于需要保留原有格式的文本。
此外,我們還可以使用text-overflow
屬性來控制文本溢出時的顯示方式。例如,使用text-overflow: ellipsis;
可以在文本溢出時顯示省略號:
/* text-overflow 屬性 */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
可以看到,CSS 自動分行是一項非常實用的技術,可以讓我們輕松地控制文本的顯示方式,從而適應不同的用戶設備和使用場景。
上一篇css 自動居中對齊