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を使用してWebページを設計しています。

1.セル内のスペースを減らして、テーブルをWebページの脇に置いておくことができるようにする方法.ヘルプが必要

ありがとう

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 に答える