Я хотел бы добавить две таблицы в моем веб-приложение:позиционирование двух таблиц в HTML
<span><table><tr><td>A</td><td>B</td></tr></table></span>
<span><table><tr><td>C</td><td>B</td></tr></table></span>
Я хотел бы, что эти две таблицы размещения в одной и той же строке, т.е.. горизонтально,
Как это сделать?
Например:
<span class="table"><table><tr><td>A</td><td>B</td></tr></table></span>
<span class="table"><table><tr><td>C</td><td>B</td></tr></table></span>
И тогда CSS:
.table{
float: left;
}
Попробуйте это:
span{display: inline-table;}
или вы могли бы также сделать float: left; или display: inline-block;
и дать ширину к вашему столу.
увидеть это demo
span{
display:inline-block;
}
здесь jsfiddle link
Почему вы размещая элемент уровня блока ('table') внутри встроенного элемента (' span'). Или даже, почему вы размещаете таблицу в промежутке? Просто любопытно –
У вас была другая версия, как разместить два стола по горизонтали? –
Ну, вы можете просто использовать CSS, чтобы изменить тип отображения 'display' или использовать' float', абсолютно бесполезно размещать таблицы внутри 'span'. (Подробнее об элементах блоков внутри встроенных элементов здесь -> http://stackoverflow.com/questions/746531/is-it-wrong-to-change-a-block-element-to-inline-with-css-if- он-содержит-другому) –