我被困在我现在正在做的项目上。我做了一个输出单个div的php,这个div将输出多次,具体取决于我数据库中的项数,我的问题是,我希望下一个div在上一个div的左侧输出, 像这样:
----- ----- -----
|div 1| |div 2| |div 3|
----- ----- -----
----- ----- -----
|div 4| |div 5| |div 6|
----- ----- -----
但我想不出任何方法,它正在输出,因为它应该像这样:
-----
|div 1|
-----
-----
|div 2|
-----
-----
|div 3|
-----
and so on...
希望你们能帮助我,谢谢。
PHP:
$results = $mysqli->query("SELECT * FROM content");
if ($results) {
//fetch results set as object and output HTML
while($obj = $results->fetch_object())
{
echo '<div class="content">';
echo '</div>';
}
}
CSS:
.content{
margin-bottom: 10px;
height: 300px;
background: #F0F0F0;
padding: 10px;
border: 1px solid #DDD;
border-radius: 5px;
box-shadow: 2px 2px 2px #F8F8F8;
}
需要一个包装div class="content"
$results = $mysqli->query("SELECT * FROM content");
if ($results) {
//fetch results set as object and output HTML
while($obj = $results->fetch_object())
{
echo '<div class="box"><div class="content">';
echo '</div></div>';
}
}
和CSS
.box{
width: 33.333333333%;
box-sizing: border-box;
float: left;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句