[分享]css3文字换行显示

CSS3是HTML和CSS的扩展升级版本之一。它提供了强大的功能和效果，这可以让网页设计和布局更加灵活美观。本文主要介绍CSS3中怎样来实现文字换行显示。/ 使用CSS3中wordwrap属性来控制文...

CSS3是HTML和CSS的扩展升级版本之一。它提供了强大的功能和效果，这可以让网页设计和布局更加灵活美观。本文主要介绍CSS3中怎样来实现文字换行显示。

/* 使用CSS3中word-wrap属性来控制文字换行 */
p {
    word-wrap: break-word;
} 

在CSS3中使用word-wrap属性来实现文字的换行显示可以解决在一些窄屏幕设备上浏览器自动换行发生的问题。我们通常会把文本内容放在一个p标签中，然后用word-wrap属性来设置文本的换行方式。

word-wrap属性可选的值有两个：默认值normal和break-word，前者是默认的文本换行方式，后者则是强制换行。其中，normal允许单词在任意一点折断换行，而break-word则允许单词强制在中间折断，这样就可以保证文本在任意屏幕大小下都能被良好地展示。

总之，通过以上的word-wrap属性的使用，我们可以灵活的控制文本的换行方式，这样可以让我们的网页布局更加美观大方。