Выровнять по вертикали в главном CSS - PullRequest
Новая
       1

Выровнять по вертикали в главном CSS

0 голосов
/ 19 марта 2012

У меня есть сайт WordPress.

Я попытался добавить таблицу к своему сообщению.

Вот код таблицы: 

<table border="1">
    <tr>
        <td rowspan=3>
            area on the left
        </td>
        <td>
            Area on the right-1
        </td>
    </tr>
    <tr>
        <td>
            Area on the right-2
        </td>
    </tr>
    <tr>
        <td>
            Area on the right-3
        </td>
    </tr>
</table>

После добавления таблицыЯ вижу, что основной CSS содержит vertical-align:baseline для table, tbody, caption, tr, td, th.Из-за этой области справа 1 начинается только в правом нижнем углу области слева.

Когда я удаляю vertical-align из основного CSS, это влияет на весь сайт

Как яможно это исправить?

Ответы [ 2 ]

1 голос
/ 19 марта 2012

Вы можете переопределить свойство с помощью vertical-align:top. Напишите так: 

table{
 vertical-align:top;
}
0 голосов
/ 19 марта 2012

Я нашел решение, подобное этому 

<table border="1" style="vertical-align:top;">
<tr>
    <td rowspan=3 style="vertical-align:top;">
        area on the left
    </td>
    <td style="vertical-align:top;">
        Area on the right-1
    </td>
</tr>
<tr>
    <td>
        Area on the right-2
    </td>
</tr>
<tr>
    <td>
        Area on the right-3
    </td>
</tr>

...