問題與Webkit的行高（部分無法點擊鏈接）

Question

下面是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問題將dissapear，但我需要這個元素來對準類塊.item使用文本對齊：證明，這樣http://jsfiddle.net/SRhK9/18/

如何解決這個任何想法？

Answer 1

找到了答案。如果您將指定位置：相對於.item它將解決問題。這裏是演示：http://jsfiddle.net/SRhK9/68/