CSS: Overflow: скрытое удаление границы снизу?

Я делаю HTML-страницу и попытался установить <a> tag a border-bottom.

это не показать, что я сделал. Поэтому я сделал уменьшенный тестовый пример, который можно увидеть здесь:

http://codepen.io/hwg/pen/ILKdx

происходит в бета-версии FF и Chrome 22.

если я удалить overflow:hidden; или overflow:visible, это работает. Проблема в том, что я нужно для этого набора.

так как У меня есть бордюр-дно? (или это я :))

(Я не могу использовать подчеркивание текста, хочу, чтобы оно было пунктирным)

спасибо

Харлей

7
border css html overflow

4 ответов

display:inline-block; по ссылке, кажется, сделать трюк.

7

добавить 1px заполнения в верхней и нижней части сетки:

.grid{overflow:hidden; padding: 1px 0px;}

или

сделайте элемент сетки встроенным:

.grid{overflow:hidden; display: inline;}

есть, вероятно, сотни различных способов решить эту проблему на самом деле.

5

попробуйте увеличить высоту строки. например. добавить line-height:200%; в # test css

0

в моем случае любые решения не сработали для меня.

Я решил проблему, добавив пустой div после последнего неприятного div.

0