Расположение столов рядом, если на экране достаточно места
-
03-07-2019 - |
Вопрос
У меня есть две HTML-таблицы, которые в идеале следует разместить на экране рядом.Широкоэкранные мониторы прекрасно справятся с этой задачей, но таблицы слишком широки, чтобы располагать их рядом на большинстве устаревших мониторов.Поэтому я хочу использовать CSS (или даже просто HTML, если возможно) для размещения таблиц рядом, только если разрешение достаточно высокое.
Обычно это работает автоматически с изображениями, но есть ли способ сделать это для таблиц?
Решение
Да, примените стиль CSS float:left к элементам таблицы.
Вот отличный пример флоатинга: http://css.maxdesign.com.au/floatutorial/
Другие советы
Я бы посоветовал разместить таблицу плавающим (не забудьте указать ширину таблицы — выберите ту, которая будет заполнена на неширокоэкранном мониторе).
table {
width: 500px; /* important */
float: left;
}
Однако это тоже может сработать (непроверено):
table {
display: inline;
}
попробуйте это (вы можете изменить размер окна):
<html>
<body bgcolor="red">
<p>
<table bgcolor="green" style="float: right;">
<tr>
<td>sssssssssssssssssssssssssssssssssssssssssss</td>
</tr>
</table>
<table bgcolor="blue" style="float: left;">
<tr>
<td>eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</td>
</tr>
</table>
</p>
</body>
</html>
-->