2015-12-01 5 views
0

Я хочу добавить границу перед моей последней строкой и не могу найти способ, не нарушая моего дизайна. Каждый вход или предложения приветствуются.Граница в CSS-таблице

Fiddle

see jsfiddle 

ответ

1

Перемещение <div class="tt-entry-hr"></div> за пределами диапазона.

Updated Fiddle

+0

ОК thx, сработало. Кроме того, я добавил блок-элемент внутри встроенного элемента. Теперь его тоже. :) –

+0

Удивительный, хорошая сделка. Я не был уверен, что вы хотите, чтобы это был промежуток, поэтому я остался как есть. :) – wmeade

0

Добавьте это в CSS: И удалить этот -HR DIV.

.tt-container > .tt-entry-row:last-child > .tt-entry { 
    border-top:thin solid white; 
} 

Настроить под костюм.

Updated fiddle

+0

@Alex вы действительно должны смотреть на это возможное решение. Он работает через чистый CSS, и вам не нужно добавлять этот -hr span (или div) в ваш html. Делает html (и любой код, который его создает) намного проще. –

+0

hm, его нет чистого CSS-решения. Вы добавили пустой элемент tt-entry. Но я думаю, это более чистое решение, чем добавление элемента .tt-entry-hr –