Question

我希望将php mysql数据排列在三行三列中，类似于4f.lt（web）。

<?php

  require "lgsl_class.php";

  $server_list = lgsl_query_cached_all("s");
  $server_list = lgsl_sort_servers($server_list);

  $output .= "
  <div>
    <table>";

    foreach ($server_list as $server)
    {
      $misc   = lgsl_server_misc($server);
      $server = lgsl_server_html($server);

 $output .= "
        <tr>
                <td align='center'>
                <b>{$server['s']['name']}</b></td></tr>
                <tr>
                <td align='center'>
                <img src='{$misc['image_map']}'/></td></tr>
                <td align='center'>
                <b>Map</b>: {$server['s']['map']}</td> </tr><tr><td align='center'>
                <b>Players</b>:{$server['s']['players']} / {$server['s']['playersmax']}</td></tr>
                <tr>
                <td align='center'>
                <b>Status</b>:<b><font color='green'> {$misc['text_status']}</font></b></td>  </tr>
                <td align='center'>
                <a href='".lgsl_link($server['o']['id'])."'>
                <font color='red'><b>More stats</b></font></a><hr></td></tr>
                <tr>


        ";
    }




    $output .= "
    </table>
  </div>";
?>

使用此脚本我只能得到一个长列http://img28.imageshack.us/img28/40/exampleq.png（图像）。问题是，我找不到任何这方面的例子，我自己没有足够的技能去做。谢谢你的帮助。

Answer 1

线性布局由</tr><tr>标记引起。您有一个$server['s']['name']之后，<b>Players</b>行和最后一个孤儿<tr>。摆脱它们，这些都将在一行中。

Answer 2

首先你的标记有点凌乱，我很想使用带有浮动左类的div，如... ...

<div class="box">output goes in here</div>

对于css，你需要像

这样的东西

.box {
  width: 200px; /* or any dimension you like */
  height: auto;
  float: left;
  border: 1px solid green;
}

上面的border属性只是为了查看输出中发生了什么。一旦您对页面的外观感到满意，就可以删除它。

现在好了，只需将你想要的输出添加到每个div ......

<div class="box">first box content</div>
<div class="box">second box content</div>
<div class="box">third box content</div>

最后，您使用了上面的字体颜色绿色，尝试将所有样式保存在单独的css文件中以保持整洁。

我希望这会有所帮助。

PHP MySQL数据排列在三行三列中

2 个答案: