p { word-wrap: break-word; }
这就是一个简单的CSS代码,用来设置p元素中的文本自动换行。word-wrap 属性用来控制文字是否在单词边界处换行。break-word 值强制在长单词或 URL 地址内换行,从而避免文本越界。
另外,大家还可以使用 overflow-wrap 属性来控制文本在达到容器边界后是否自动换行。
p { overflow-wrap: break-word; }
类似于 word-wrap 属性,但更强制实现文本在容器边界处的换行,只要必要,就会强制切断长单词或 URL 地址。
总之,掌握 p 元素的换行属性可以让大家更好地控制网页中的文本排版,以便在不同设备和屏幕尺寸上显示良好。