[分享]css3折返

CSS3折返是一种在元素内容过长时自动进行文本换行的技术。它可以将长文本分成多个部分，从而使文本在不超出容器宽度的前提下自动换行。这项技术使得我们在进行网页布局时更加易于控制和美观。.example ...

CSS3折返是一种在元素内容过长时自动进行文本换行的技术。它可以将长文本分成多个部分，从而使文本在不超出容器宽度的前提下自动换行。这项技术使得我们在进行网页布局时更加易于控制和美观。

.example {
  width: 200px;
  white-space: nowrap; /* 不允许文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 使用省略号代表溢出内容 */
}

.example2 {
  width: 200px;
  word-wrap: break-word; /* 折返被允许 */
} 

上述代码中，我们通过设置white-space为nowrap以及overflow为hidden来实现了不允许文本换行并且隐藏溢出内容的效果。同时，我们还使用了text-overflow属性来用省略号代表溢出内容。

而在例子中，我们则使用了word-wrap属性来允许折返。具体的，我们将word-wrap属性设置为break-word，这样当文本长度超出容器宽度时就会自动进行折返。

总体来说，CSS3折返是一项非常实用的技术，它使得我们在处理长文本时能够更加轻松而有效地进行排版。同时，通过对CSS3折返的灵活应用，我们还可以在网页中实现出各种有趣的效果。