0

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

这是我的 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.如何减少单元格内的空间,以便我可以将表格放在网页旁边。需要帮助

谢谢

4

2 回答 2

0

您只需在 CSS 文件中为表格适当地应用填充。例如(CSS)

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

这是顶部、右侧、底部、左侧和说明填充的简写方式。

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

于 2013-04-22T13:35:01.550 回答
0

您可以使用 HTML 中的单元格填充来减少空间,如下所示:http ://www.w3schools.com/tags/tryit.asp?filename=tryhtml_table_cellpadding2

正确的方法是用 CSS 为 td 设置 padding

于 2013-04-22T13:01:34.777 回答