8

ページの見栄えを良くするために、2 つの行の間にスペースまたは改行を入れる必要があります。

私のコードを見ると、テーブルの2つの行の間にスペースを空けるために、多くの空の行と列を指定していました。

2 つの行の間にスペースを空ける他の適切な方法を教えてください。

ここに私のサンプルコードがあります:

<form:form name="form" method="post" modelAttribute="Abatch">

 <table>
<tr>
    <td>Please enter your comments</td>
    <td><form:textarea id="textarea" style="width:150%;height:150%" path="Comments" size="255" readonly="false" /></td>
</tr>
<tr>
<tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</tr>
</tr>
<tr>     
   <td><input id="button1"   type="submit" name="submit" value="Approve"/></td>
   <td><input id="button4"  type="submit" name="submit" value="Reject"/></td>

  </tr>
</table>
4

7 に答える 7

22

これを試して：

<tr>
    <td>
        Row 1
    </td>
</tr>
<tr>
    <td>
        &nbsp;
        <!--you just need a space in a row-->
    </td>
</tr>
<tr>
    <td>
        Row 2
    </td>
</tr>
于 2014-05-27T19:57:50.087 に答える
4 
border spacing attribute has to be specified in CSS

table
    {
    border-collapse:separate;
    border-spacing:10px 0px;
    }

上記のコードは、行間の間隔を 10px に設定し、列間の間隔を 0px に設定します。

于 2013-09-25T15:57:56.373 に答える
4

テーブルに間隔を空ける正しい方法は、cellpadding と cellspacing を使用することです。

<table cellpadding="4">

またはcssを使用：

<style type='text/css'>    
  table{ border-collapse: separate; }
  table td { border-spacing: 1em; }
</style>
于 2013-09-25T15:54:55.820 に答える
2

これは、このように達成できます。

<tr> <td> <br> </td> <!--The br tag did what i was looking for --> </tr>

于 2016-03-14T11:59:42.073 に答える
1

タグのmargin属性を設定します。<tr>

<tr style="margin-top:10px;"></tr>

または、このスタイルでテーブル全体を作成します。

<style>
    table tr {
        margin-top: 10px;
    } 

    table tr:first-child {
       margin-top: 0px; !important
    }
</style>
于 2013-09-25T15:54:54.873 に答える