Расположение столов рядом, если на экране достаточно места

StackOverflow https://stackoverflow.com/questions/402817

  •  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>

-->

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top