Как мне остановить таблицы в <div> конфликтующих друг с другом?

Question

Как мне остановить таблицы в <div> конфликтующих друг с другом?

0

Недавно я работал над новым документом, который требует регулярного использования функции <table>. Чтобы разместить столько таблиц как маленькое и аккуратное место, насколько это возможно, я использовал функцию <div>. Он хорошо работает с большинством браузеров, хотя он регулярно заставляет элементы документа сталкиваться и конфликтуют друг с другом, что расстраивает. Есть ли способ сохранить таблицы, исправленные в их правильных местах, или, альтернативно, способ установить определенную форму для окна браузера?

Ниже приведен пример кода, который я использовал:

<div style="float:left">
    <table>
        <tr>
            <th>...</th>
        </tr>
    </table>
</div>

При включении нескольких таблиц и разделов они начинают конфликтовать друг с другом при изменении размера окна браузера, что вызывает, как легко можно, множество эстетических проблем.

user3313611 15 фев. 2014, в 16:11

Источник

1

Можете ли вы описать, что они начинают конфликтовать друг с другом
Mr. Alien 15 фев. 2014, в 15:08
1

«Это хорошо работает с большинством браузеров»: какие из них это не так? Или он "сталкивается и конфликтует" везде, так почему вы пишете, что он работает? Технически, как эти таблицы оформлены? Чего ты хочешь достичь? Может быть, попытаться установить display: inline-table на элементах table
FelipeAls 15 фев. 2014, в 15:21
0

Почему вы используете float для начала? Для большинства display: inline-block лучше использовать display: inline-block .
Nit 15 фев. 2014, в 15:30

Показать ещё 1 комментарий

Теги:

html

css

table

2 ответа

Ещё вопросы

Можете ли вы описать, что они начинают конфликтовать друг с другом
«Это хорошо работает с большинством браузеров»: какие из них это не так? Или он "сталкивается и конфликтует" везде, так почему вы пишете, что он работает? Технически, как эти таблицы оформлены? Чего ты хочешь достичь? Может быть, попытаться установить display: inline-table на элементах table
Почему вы используете float для начала? Для большинства display: inline-block лучше использовать display: inline-block .

Suman K.C · Answer 1 · 2014-02-15T14-51-00.000Z

Сделайте таблицу обертки div фиксированной шириной, а также для таблицы.

The possible reason might be because of fixed div width and overflowing table.
You can check upto where the table extends by giving it border.

user3313598 · Answer 2 · 2014-02-15T14-09-00.000Z

float left свойство влияет на таблицу также.

Так что дайте,

<div style="float:left">
    <table sytle="clear:left;">
        <tr>
            <th>...</th>
        </tr>
    </table>
</div>

или плавать налево и на стол