[分享]css中div自动换行属性

CSS中的div是网页设计中常用的布局元素，通常用来实现各种各样的盒子效果。但是，当div内部内容过多时，我们需要使它自动换行，否则内容将会溢出盒子，影响页面的美观性。让div自动换行需要使用CSS的...

CSS中的div是网页设计中常用的布局元素，通常用来实现各种各样的盒子效果。但是，当div内部内容过多时，我们需要使它自动换行，否则内容将会溢出盒子，影响页面的美观性。

让div自动换行需要使用CSS的一个属性——

word-wrap

div {
  word-wrap: break-word; /* 断行 */
}

div {
  word-wrap: normal; /* 不断行 */
} 

当word-wrap设为break-word时，如果一个单词太长，它会被自动断行并移至下一行以避免溢出。

而如果为word-wrap设为normal，这个盒子内容就会按照默认的换行方式，也就是只在到达容器的边界时才会换行。

除了word-wrap属性外，我们还可以使用overflow属性来控制内容的外溢情况。当overflow设为hidden时，内容会被截断并显示滚动条；当设为scroll时，内容会显示滚动条以便用户查看。

总之，让div自动换行在网页设计中是非常实用的功能。使用word-wrap和overflow属性可以有效地避免网页因内容过多而影响美观的问题。