Question

show http://img28.imageshack.us/img28/3052/unledcwk.png

这是我的html，名称和图片来自php（mysql）。我只想将这些东西中的3个（名称和图片）并排而不是像队列一样。所以我想要名字asdasddasd是在asdasd的右边。

<?php 
    echo '<div class="box">';
      $kategori=$_GET["kategori"];
      $con = mysql_connect("localhost","root","root");
        if (!$con){die('Could not connect: ' . mysql_error());}
            mysql_select_db("marmaris", $con);
            $bilgi= mysql_query("SELECT * FROM $kategori ");
            while($sutun= mysql_fetch_array($bilgi))
            {

                $name=$sutun["name"];
                $resb=$sutun["resbuyuk"];
                echo '<a href="#"><div id="texttitle">'.$name.'</div></a>';
                echo '<img src="upload/'.$resb.'" width="202" height="154" alt="resim" style="background-color: #000000" />';
                echo  '<div id="textdetailup"><a href="#">Detayları görmek için tıklayın.</a></div>';
            }

       echo '</div>';
       ?>

这是制作它们的代码。我如何能够并排显示。

这是方框的css

.box {
margin-bottom: 10px;
margin-right: 10px;
float: left;
height: auto;
width: 207px;
}

Answer 1

用于显示图像子文本的div是块级元素，因此它将内容推送到下一行。

您需要将echo '<div class="box">';放在while循环中，以及相应的</div>

显示来自数据库的数据（并排）

1 个答案: