Поместите разделитель / разделитель между двумя соседними столами

Question

Поместите разделитель / разделитель между двумя соседними столами

0

У меня есть две бок о бок HTML-таблицы, и они заключены в div. Они могут иметь различное количество строк, и они динамически обновляются.

На данный момент на этих таблицах нет границ (каждая из которых имеет 3 столбца), поэтому визуально они могут отображаться как одна таблица. Пример здесь: http://jsfiddle.net/qxRVF/1/

Я хочу поставить разделитель/разделитель (в основном, одну вертикальную линию) между ними, и я хочу, чтобы длина делителя была такой же, как длина закрывающего div, которая фиксирована.

Как это сделать, используя HTML и CSS только для современных браузеров? Включение границ в эти таблицы не является решением, поскольку они имеют переменную длину.

skyork 25 сен. 2013, в 18:59

Источник

Теги:

html

css

html5

css3

2 ответа

0

оберните обе таблицы в отдельные div. Затем установите свойство border-right для левого div и установите свойство border-left для правого div.

Nishad K Ahamed 25 сен. 2013, в 13:44

Ещё вопросы

andi · Accepted Answer · 2013-09-25T15-09-00.000Z

Как насчет псевдоэлемента на внешнем div: http://jsfiddle.net/qxRVF/4/

.table-info:after{
    content:"";
    position:absolute;
    top:0; bottom:0; left:50%; width:0; 
    border:1px solid black;
}