简单的HTML表td间距 - Rails

时间:2015-08-22 16:58:10

标签: html css ruby-on-rails

所以我使用Rails将数据放入表中

<table>
    <tr>
        <td>[Rails Content]</td>
        <td>[Rails Content]</td>
        <td>[Rails Content]</td>
        <td>[Rails Content]</td>
    </tr>
    <tr>
        <td>[Rails Content]</td>
        <td>[Rails Content]</td>
        <td>[Rails Content]</td>
        <td>[Rails Content]</td>
    </tr>
</table>

enter image description here

问题是,我有另一个表,它只显示一个条目。我希望它占用与之前相同的空间(整行的25%),好像有更多的条目要跟随它。目前的结果是一个尴尬的100%宽度<td>

<table>
    <tr>
        <td>[Rails Content]</td>
    </tr>
</table>

enter image description here

任何帮助都非常感激。谢谢。

2 个答案:

答案 0 :(得分:0)

我对此的解决方案只是增加了3个<td></td>。如果其他人有其他更好的方法来做到这一点,也许使用CSS,我会很感激!

答案 1 :(得分:0)

如果代码将通过AJAX填充,这将是一个问题。但正如我所看到的,这里没有JavaScript,我认为它只是Ruby on Rails。所以在这种情况下,有条件:

<% if only one image %>
<table>
    <tr>
        <td>[Rails Content]</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>
<% else if only two images %>
<table>
    <tr>
        <td>[Rails Content]</td>
        <td>[Rails Content]</td>
        <td>&nbsp;</td>
    </tr>
</table>