显示不一致的CSS表(使用SQL& PHP)

时间:2015-03-12 15:39:22

标签: html css html-table

我遇到的问题是,当我使用来自数据库的PHP和HTML将信息回显到表中时,信息会根据其加载方式而移动。

通过这个我的意思是,如果我不断刷新一切将与以前的不同。我的意思是它是如何显示而不是显示的内容。

.tracklist {

}
.tracklist img {
max-width:15%;
max-height:15%;
}
.tracklist td{
width:36%;
display:block;
padding:1%;
text-align:center;
}

#content {
width:98%;
height:73%;
padding-left:1%;
padding-right:1%;
background-color:#d8d8d8;
text-align:center;
}
#contentbox {
border-radius: 15px; 
-moz-border-radius: 15px; 
-webkit-border-radius: 15px; 
text-align:center;
background-color:#999999;
}

<div id="content">
<div id="contentbox">
<br />
<table class="tracklist">
<?php


        $i = 0; $trEnd = 0;
        while ($row = mysql_fetch_array($result)){
            if($i == 0){
                echo '<tr>';
            }
            echo '<td>';
                echo $row["genre"]." | ".$row["artist"]." | ".$row["name"];
                echo '<br />';
    echo "<img src=".$row["image"].' />';
        echo '</td>';
            if($i == 2){
                $i = 0; $trEnd = 1;
            }else{
                $trEnd = 0; $i++;
            }
            if($trEnd == 1) {
                echo '</tr>';
            }
        }
        if($trEnd == 0) echo '</tr>';

?>
</table>
</div>
</div>

数据库中的数据在标题中被调用,以便人们知道它被调用。

1 个答案:

答案 0 :(得分:1)

通过将宽度:100%修正为止;在它继承高度的类中。

现在似乎已经修好了。