css下划线 自动换行

CSS下划线自动换行是一个能够让网页设计更加美观的技巧。在实际使用中，我们可以采用以下步骤来实现：

text-decoration:underline;
word-wrap:break-word; 

其中，text-decoration属性设置为下划线，word-wrap属性则可让文本自动换行。word-wrap属性有两个可选值：normal和break-word。当设置为normal时，文本不会自动换行，而会延伸至容器外面。而当设置为break-word时，文本则会自动换行至下一行。

需要注意的是，在IE6及以下版本的浏览器中，word-wrap属性需设置为word-break才能达到同样的效果。

下面是一些代码示例：

/* 文本下划线自动换行 */
.text{
  text-decoration:underline;
  word-wrap:break-word;
}

/* 文本下划线自动换行(兼容IE6及以下版本) */
.text{
  text-decoration:underline;
  word-break:break-all;
} 

通过使用CSS下划线自动换行技巧，我们可以让页面内容更加美观易读，提升用户体验。