今天我将要谈到一个很少用到但是确实非常有用的CSS属性–word-wrap。你可以使用word-wrap属性指定一个break-word迫使很长的文字转到新的一行。例如,你可以使用这个属性来防止文字溢出盒模型和整个布局。这种情况经常发生在侧边栏或者评论列表内的非常长的URL。IE5.5+,Firefox3.5+和以Webkit为内核的浏览器例如Chrome和Safari都支持Word-wrap属性。

CSS:Word-Wrap属性(查看示例

你可以使用word-wrap属性的值指定为normal或者break-word。Normal意味着文字将会超出盒模型的边界。Break-word意味着文字将会折向下一行。

.break-word{word-wrap:break-word;}

break-word.gif

原文:Word-Wrap:Force Text to Wrap

分享到: