css实现元素换行显示出来

在CSS中，我们可以通过设置元素的display属性为“inline-block”来实现元素换行，使其在一行显示不下时自动换行到下一行。

  display: inline-block;

此外，我们还可以使用“float: left/right”属性来实现元素换行的效果。当我们将一个元素设置为“float: left/right”时，它会向左或向右漂移，直到碰到其父元素的边缘或另一个“float: left/right”的元素，才会换行到下一行。

  float: left;
  float: right;

还有一种方法是使用“clear: left/right/both”属性。它可以将元素的左边、右边或两侧的浮动元素“清除”，达到换行的效果。

  clear: left;
  clear: right;
  clear: both;

在使用这些属性时，我们也需要注意元素的宽度和父元素的宽度。如果元素的宽度超过父元素的宽度，它仍然会超出父元素的边界而不会自动换行。因此，我们需要考虑元素和父元素的宽度是否匹配，以确保元素可正确地换行。