CSS实现每三个div为一行：简单易懂的教程和示例

使用CSS的nth-child选择器来实现每三个div为一行的效果。具体步骤如下：\n1. 首先，在HTML中将要进行分行的div元素添加一个共同的类名，例如row-div。\n2. 然后，在CSS中使用nth-child选择器来选择这些行div元素。设置clear:both属性来使得每个行div元素在新的一行显示。\n3. 最后，为了使得每个行div元素中的div元素按照一行显示，可以给行div元素下面的div元素添加float:left属性。\n示例代码如下：\nHTML:\n\nhtml\n<div class="row-div">div1</div>\n<div class="row-div">div2</div>\n<div class="row-div">div3</div>\n<div class="row-div">div4</div>\n<div class="row-div">div5</div>\n<div class="row-div">div6</div>\n\nCSS:\n\ncss\n.row-div:nth-child(3n+1) {\n clear: both;\n}\n\n.row-div {\n float: left;\n width: 30%;\n margin-right: 10px;\n}\n\n这样，每三个div元素为一行，效果如下：\n\n\ndiv1 div2 div3\ndiv4 div5 div6\n