Блог

Главная - Вопросы по программированию - Проблема с высотой строки в Webkit (частично недоступные ссылки)

Проблема с высотой строки в Webkit (частично недоступные ссылки)

#webkit #css

#webkit #css

Вопрос:

Вот HTML-код:

 <div class="row">
    <span class="item"><a href="#">A</a></span>
    <span class="item"><a href="#">B</a></span>
    <span class="item"><a href="#">C</a></span>
    <span class="under"></span>      
</div>

Вот CSS-код:

 .row {
    line-height:0;}
.item {
    line-height:1.2;}
.row .under {
    display:inline-block;
    width:100%;}

Вот ссылка jsfiddle с примером:http://jsfiddle.net/SRhK9/12

Проблема в том, что в webkit ссылки частично некликаемы (от нижней части ссылки до середины).

Если я удалю span.under, проблема исчезнет, но мне нужен этот элемент для выравнивания блоков с class .item с помощью text-align:justify, вот такhttp://jsfiddle.net/SRhK9/18

Есть идеи о том, как это обойти?

Ответ №1:

Найден ответ. Если вы укажете position:относительно .item , это устранит проблему. Вот демо:http://jsfiddle.net/SRhK9/68