Строка таблицы, при добавлении отступа к одной ячейке вся строка сдвигается вниз - PullRequest
Новая
       22

Строка таблицы, при добавлении отступа к одной ячейке вся строка сдвигается вниз

1 голос
/ 19 июля 2010

У меня есть таблица с несколькими строками и столбцами, вот пример второй строки 

<tr>
    <td valign="top" style="width: 150px;">
        <h5>MyCity</h5>
    </td>
    <td valign="top" style="width: 360px;">
        <h5 class="store_title">Store Title</h5>
        <p>address</p>
    </td>
    <td class="storeDescriptionCell"><div>Description
    </div>
    </td>
</tr>

Я добавил storeDescriptionCell в мою css 

td.storeDescriptionCell{
padding:20px;
}

Я даже пытался использоватьdiv, но каждый раз, когда я добавляю поле или отступ в ячейку или div, MyCity, Store Title исчезает вместе с описанием.Я просто хочу, чтобы описание было ниже.

Ответы [ 2 ]

1 голос
/ 19 июля 2010

Вы можете использовать следующий CSS, чтобы установить все ячейки <td> для выравнивания по вертикали сверху, а описание магазина для выравнивания по вертикали:

1 голос
/ 19 июля 2010

Так работают HTML-таблицы.Если вы хотите, чтобы одна ячейка была ниже, чем остальные в строке, вы можете попробовать использовать диапазон строк.

Можете ли вы предоставить изображение того, что вы хотите и что вы получаете.на содержание, которое вы хотите в вашей таблице, почему бы не использовать th для заголовков столбцов. 

<table>
  <tr>
    <th>My City</th>
    <th>Store Name</th>
    <th>&nbsp;</th>
  </tr>
  <tr>
    <td>content</td>
    <td>$content</td>
    <td>$content</td>
  </tr>
</table>
...