CSS到php表的结果

时间:2012-11-07 15:40:22

标签: html css

您好我有一段PHP代码,

从mysql生成一些结果并将它们添加到两列表中,它可以正常工作。然后我将以下css类添加到列中。

td.manu {
background: url("../images/manu_button.fw.png") no-repeat; 
height: 87px; 
width:478; 
font-size:48px; 
font-family:Arial,
 Helvetica, sans-serif; 
 color:#309;}

现在,如果返回结果并且有两列数据,则表格完全适合,但如果它返回一列,则文本位于页面中间:

请参阅以下链接:

http://www.qrrw.net/R - 这显示了一列

http://www.qrrw.net/p - 显示两个coulmns

任何建议都将不胜感激

由于

2 个答案:

答案 0 :(得分:0)

目前,您的表位于<div>定义为

<div align="center">

不推荐使用align属性 - 您不应再使用它了。

将以下样式添加到div,即:

<div style="text-align: left; margin-left: 300px;">

这将为您提供类似于两列中的结果的结果。您可能需要增加边距才能获得所需的效果。

注意:这是一个创可贴解决方案...如果您不想过多地更改样式 - 添加一些逻辑来检测您只有一列的情况,并且在结果中插入空<td>以补偿丢失的单元格。这样您的输出仍应遵循您想要的样式。

答案 1 :(得分:0)

这是一个快速解决方案。

假设数组结果存储为$ result。

执行以下操作

if (count($result) == 1){
echo <td class="manu">LINK HERE</td><td class="manu"></td>    </tr>
}

基本上你正在做的只是在结果是1

时添加一个额外的列

为了更好地使用,如果结果是奇数,你应该总是添加一个额外的。 所以每一个你都会有2个。 因此,在关闭标记

之前,您的代码将是这样的
if (count($result) % 2 == 1){
echo <td class="manu">LINK HERE</td><td class="manu"></td>    </tr>
}

最后我可以建议您只使用div而不是表格切换到纯CSS布局? 它将使您的代码更易于编辑和更新设计和布局。