css 每三个div为一行

可以使用CSS的nth-child选择器来实现每三个div为一行的效果。具体步骤如下：

1. 首先，在HTML中将要进行分行的div元素添加一个共同的类名，例如row-div。
2. 然后，在CSS中使用nth-child选择器来选择这些行div元素。设置clear:both属性来使得每个行div元素在新的一行显示。
3. 最后，为了使得每个行div元素中的div元素按照一行显示，可以给行div元素下面的div元素添加float:left属性。

示例代码如下：

HTML:

<div class="row-div">div1</div>
<div class="row-div">div2</div>
<div class="row-div">div3</div>
<div class="row-div">div4</div>
<div class="row-div">div5</div>
<div class="row-div">div6</div>

CSS:

.row-div:nth-child(3n+1) {
  clear: both;
}

.row-div {
  float: left;
  width: 30%;
  margin-right: 10px;
}

这样，每三个div元素为一行，效果如下：

div1 div2 div3
div4 div5 div6
``