Я создал таблицу-сетку, подобную приведенной ниже, в reStructuredText, и я использую Sphinx и тему ReadtheDocs для создания документации. Однако при рендеринге в HTML ячейки в столбцах A и B вертикально выравниваются по центру (из-за высоты строки в столбце C), а не остаются в верхней части ячейки.
+------------------+---------------+-------------------+
| Column A |Column B |Column C |
+------------------+---------------+-------------------+
|Identify the whole|Read the |Prices are a good |
|and fractional |decimal number |representation of |
|parts of a decimal|as two |decimals. |
|number. |separate whole | |
| |numbers. |[CONCEPT] What |
| | |does the dot mean |
| | |in this number? |
| | |(Show a price in |
| | |dollars and cents.)|
| | | |
| | |[Explanation: Since|
| | |a dollar is made up|
| | |of 100 cents, we |
| | |use a dot to |
| | |separate the two. |
| | |In this case, the |
| | |price is *x* |
| | |dollars and *y* |
| | |cents.] |
+------------------+---------------+-------------------+
Этокак это выглядит в HTML:
Это похоже на ошибку, особенно в ReadtheDocs, как и в других темах. Я вижу текст ячейки в столбцах A иВертикально выровненный B сверху, как и должно быть.
Я попытался переопределить CSS, установив свойство vertical-align: top в файле CSS, который находится у меня в папке _static. Вот что я сделал:
.wy-table-responsive table td {
vertical-align: top;
}
Но это не сработало. (И я использовал тот же CSS-файл для успешного переопределения других вещей, поэтому он настроен правильно.)
Что я делаю не так? Любая идея, как выровнять все содержимое моей ячейки таблицы в верхней части ячейки?