Question

在我的html中，我使用一个表来显示日期选择器。修复日期选择器后，单元格占用了大量空间，因此我无法将该表保留在我的网页旁边。 / p>

这是我的HTML，

<table border="1"  cellspacing="0" >
  <tr>
    <td><input id="ir-box" type="checkbox"/></td><td colspan="3">Only show LIVE reports</td>
  </tr>
  <tr>
    <td colspan="3"><input type="text" value="Keyword Search"/></td><td>{% include "buttons/go.html" %}</td>
  </tr>
  <tr>
    <td colspan="4"><input class="incident-type" type="text" value="All Incident types" /></td>
  </tr>
  <tr>
    <td colspan="4"><input class="incident-type" type="text" value="All Location types"/></td>
  </tr>
  <tr>
    <td colspan="2">From</td><td colspan="2">To</td>
  </tr>
  <tr>
    <td colspan="2"><input class="datefield" id="fromdate" type="text" value="dd/mm/yyyy"/></td><td colspan="2"><input class="datefield" id="todate" type="text" value="dd/mm/yyyy"/></td>
  </tr>
  <tr>
    <td>s</td><td>f</td><td>s</td><td>{% include "buttons/go.html" %}</td>
  </tr>
</table>

我正在使用django web框架，使用html设计网页。

1.如何减少单元格内的空间，以便我可以将表格放在我的网页旁边。需要帮助

由于

Answer 1

您可以使用HTML中的cellpadding减少空间，如下所示：http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_table_cellpadding2

正确的方法是使用CSS

将填充设置为td

Answer 2

您只需在CSS文件中适当地应用填充表。例如（CSS）

tr {padding: 5px 5px 5px 5px;}

这是表示填充的顶部，右侧，底部，左侧和缩写方式。

更多：http://www.w3schools.com/css/css_padding.asp

如何减少表格单元格中不需要的空间

2 个答案: