Интервал HTML внутри таблицы - PullRequest
Новая
       4

Интервал HTML внутри таблицы

0 голосов
/ 06 октября 2010

как я могу увеличить пространство в этой таблице "Строка 1, ячейка 1"?

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

Пожалуйста, проверьте здесь для изображения: 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>

Ответы [ 3 ]

6 голосов
/ 06 октября 2010

Вы можете использовать cellpadding или использовать 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>
1 голос
/ 06 октября 2010

Вы можете добавить класс к этой конкретной ячейке, а затем использовать это имя класса для применения 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 из каждой строки.

0 голосов
/ 06 октября 2010

уточнили про "космос"? Вы можете добавить заполнение к тд, если это то, что вы подразумеваете под "пробел"

table td { padding:5px; }

если вы просто хотите увеличить эту ячейку, добавьте кальс

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

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

или вы имеете в виду

<td> Строка 1, ячейка1 </td>

Вы можете увеличить расстояние между словами, как это:

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

...