2

このテーブル「行1、セル1」のスペースを増やすにはどうすればよいですか？

 <html>
 <table border="1">
 <tr>
 <td>Row 1, cell 1</td>
 <td>Row 1, cell 2</td>
 </tr>
 </table>  
 </html>

plsはここで画像をチェックします：http： //img227.imageshack.us/img227/6166/htmln.png

これは正しいです：

 <table border="1" td.my-cell { padding:100px; }>
<tr>
<td class="my-cell">Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
4

3 に答える 3

6

セルパディングまたはcssのいずれかを使用できます

.cellpadding {
   padding-left: 5px;
   padding-right: 5px;
}

<td class="cellpadding">Row 1, cell 1</td>

編集あなたの編集された投稿は間違っています....これを行います：

<table border="1">
    <tr>
        <td style="padding-left: 5px; padding-right: 5px;">Row 1, cell 1</td>
        <td>Row 1, cell 2</td>
    </tr>
</table>
于 2010-10-06T09:48:42.573 に答える
1

その特定のセルにクラスを追加してから、そのクラス名を使用してcssを適用できます。

.larger {
height: 2em;
width: 4em;
padding: 2em;
}

<!-- rest of table -->
<td class="larger">Row 1, cell 1</td>
<!-- rest of table -->

または、特定のスタイルルールを使用して特定のスタイルを適用することもできます。

tr td:first-child /* selects the first td within a tr */

これはすべての行の最初tdに適用されますが。

于 2010-10-06T09:46:14.383 に答える
0

「スペース」について詳しく説明しますか？それが「スペース」の意味である場合は、tdにパディングを追加できます

table td { padding:5px; }

そのセルを大きくしたいだけの場合は、calsを追加します

table td.my-cell { padding:5px; }

<td class="my-cell">Row 1, cell 1</td>

またはあなたは意味します

<td>行1、cell1</td>

次のように単語間のスペースを増やすことができます。

table td { word-spacing: 20px; /* adjust */ }

于 2010-10-06T09:45:35.577 に答える