小女子求高手帮忙解决div布局问题~先谢过各大神！_html/css_WEB-ITnose

本身是可以按照一排四个div排列的，自动换行。如下图：

可是当我给div加了name属性，是为了选取数据库中我需要的数据。就无法正常排列了，div宽度被无视，也不自动换行，变成了这幅样子。。。。。


css代码如下：

.carre
{
text-align: center;
display: inline-block;
vertical-align: top;
height: 150px;
width: 150px;
margin: 20px;
background-color: #FFFFFF;
float: left;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
border-color: #FFFFFF;
color:#FF9999;
font-family: georgia;
}

php选取数据库如下：
$sql1 = "SELECT * from Test where Critere = '$critere1'";
$result = mysql_query($sql1,$con);
if($result === FALSE) {
die(mysql_error());
}

while( $row = mysql_fetch_array($result) ) {
echo

{$row['Critere']}

查看更多关于小女子求高手帮忙解决div布局问题~先谢过各大神！_html/css_WEB-ITnose的详细内容...