Вопросы Теги

Chrome не уважает свойство дисплея на элементах таблицы

Есть ли какая-то конкретная причина, почему хром не уважает "display:inline" когда это используется на "

" и есть ли известное обходное решение? Все хорошо работает в Firefox, но по некоторым причинам хром отказывается делать правильную вещь, когда я ввожу
table stuff

выравнивание Firefox: выравнивание Firefox http://dkarapet.userworld.com/cart_noDB/firefox_alignment.png

хромовое выравнивание: хромовое выравнивание http://dkarapet.userworld.com/cart_noDB/chrome_alignment.png

Обе версии используют тот же источник HTML, который устанавливает свойство дисплея для встраивания. Таблицы индивидуально не перенесены ни в каком другом отделении, и они все включаются в одном многочисленном отделении. Вот pastie для соответствующей части HTML.

5
задан John 9 May 2019 в 04:17
поделиться

4 ответа

Чтобы вытащить то, что вам нужно, вам просто нужно добавить это к каждому td: 

<td valign="top">

Это приведет к перемещению всего в верхнюю часть каждой ячейки и заставит вещи отображаться в строке, как вы хотите. Здесь нет необходимости в CSS.

Это ДОЛЖНО быть закодировано так: 

<table>
 <tr>
  <td valign="top">item 1 info</td>
  <td valign="top">item 2 info</td>
  <td valign="top">item 3 info</td>
 </tr>
 <tr>
  <td valign="top">item 4 info</td>
  <td valign="top">item 5 info</td>
  <td valign="top">item 6 info</td>
 </tr>
</table>

edit: Или, если (по какой-то причине) вы не используете TR и TD, вы можете попробовать следующее: 

<table style="vertical-align:top;">
    table stuff
</table>
1
ответ дан 18 December 2019 в 14:41
поделиться

css 2.1 определяет inline-table. Не знаю, насколько широко он поддерживается, но похоже, что это то, что вы ищете.

http://www.w3.org/TR/CSS21/tables.html#table-display

Хотя, судя по вашему снимку экрана, похоже, что вам действительно нужен контроль над вертикальным выравниванием.

3
ответ дан 18 December 2019 в 14:41
поделиться

Попробуйте inline-block.

7
ответ дан 18 December 2019 в 14:41
поделиться

С какой стати вы устанавливаете элемент table в качестве inline? Он должен быть отображением таблицы. Ошибка пользователя IMO.

Вам придется изменить режим отображения всех элементов tr и td внутри, иначе они будут неправильно отображаться, скорее всего.

Если вам нужно, чтобы таблица находилась на одной линии с другим элементом, оберните div вокруг таблицы и разместите его. Не связывайтесь с таблицей.

EDIT: Как я указал в своем последнем комментарии, вы должны возиться с vertical-align и, вероятно, установить его на top для таблиц.

2
ответ дан 18 December 2019 в 14:41
поделиться