我正在使用 div 的 en css 代码从 mysql 数据库中获取一些值。
它工作正常。但是如果数据库中的值长于 1 行,带有 div 的表就不好看了。
这是我正在使用的代码:
$result = mysql_query("SELECT * FROM boxen ");
while ($row = mysql_fetch_assoc($result))
{
echo '<div class="a naam">';
echo '<a href="boxen.php?boxid=' . $row['ID'] . '">' . $row['naam'] . '</a>';
echo '</div>';
echo '<div class="a datum">';
echo $row['datum'];
echo '</div>';
echo '<div class="a land">';
echo $row['land'];
echo '</div>';
echo '<div class="a naam">';
echo $row['starter'];
echo '</div>';
}
css 代码调整颜色和宽度。短:如何固定高度?
PS我在stackoverflow上搜索过,但没有找到任何可以帮助我的东西,也许我使用了错误的关键字?
编辑:
<div class="inhoud">
<h2>Inhoud van de box: </h2><br />
<div class="header naam">
Naam product
</div>
<div class="header omschrijving">
Omschrijving
</div>
<div class="header aantal">
Aantal
</div>
<div class="header datum">
Datum toegevoegd
</div>
<div class="header naam">
Naam toeveoger
</div>
<div class="header datum">
Datum verwijderd
</div>
<div class="header naamVerwijderaar">
Naam verwijdereraar
</div>
<div class="header icon">
</div>
<div class="header icon">
</div>
<div class="header icon">
SAMPLE SAMPLE SAMPLE SAMPLE SAMPLE
</div>
这是标题,但它有同样的问题。最后一列将有 2 行,如果我添加另一行,它会变得非常混乱。
和CSS代码:
/* Algemeen voor header*/
.header {
background-color:#4DA0FF;
float:left;
margin-left:4px;
margin-bottom:4px;
color:white;
}
/* END HEADER*/
/* ALGEMEEN OVERIZCHT*/
/* naam */
.naam{
width:200px;
height:auto;
}
/* naam die het product er uit heeft gehaald*/
.naamVerwijderaar{
width:210px;
height:auto;
}
/* datum */
.datum{
width:150px;
height:auto;
}
/* omschrijinvg */
.omschrijving{
width:200px;
height:auto;
}
.aantal {
width:80px;
height:auto;
}
/* land */
.land{
width:150px;
height:auto;
}
inhoud{
width:1305px;
}
我不需要这个例子的所有 css 代码!