顯示器的高度問題：表格單元格

我遇到滑塊頁面高度問題（附圖片）。即顯示：表格單元沒有佔據高度。顯示器的高度問題：表格單元格

這裏是UL李塊的截圖：

Ul li block which is pager

HTML一部分是低於

<ul class="rslides_tabs rslides1_tabs"> 
<li class="rslides1_s1"><a class="rslides1_s1" href="#">&nbsp;</a></li> 
<li class="rslides1_s2"><a class="rslides1_s2" href="#">&nbsp;</a></li> 
<li class="rslides1_s3"><a class="rslides1_s3" href="#">&nbsp;</a></li> 
<li class="rslides1_s4 rslides_here"><a class="rslides1_s4" href="#">&nbsp;</a></li> 
</ul>

CSS部分如下：

.rslides_tabs { 
list-style: none; 
padding: 0; 
background: rgba(0,0,0,.25); 
list-style: none; 
margin: 0 auto; 
width: 71.5%; 
display: table; 
table-layout: fixed; /* the magic dust that ensures equal width */ 
} 

.rslides_tabs li { 
display: table-cell; 
margin-right: 1px; 
} 

.rslides_tabs li a{ 
display:block 
}

我需要等間隔的每個鋰，所以它充當尋呼機和進度條。

問題在於圖像中顯示爲水平方塊的li的高度（當您單擊欄時，紅色標記移動 - 滑塊的簡單尋呼機）。我無法降低高度，有人可以幫助我嗎？

我想尋呼機應該像下面的圖片：

Final result should be

來源

2014-12-24 Sandesh

您可以在JSFiddle或CodePen中提供演示嗎？使代碼的結果與第一張圖片中的結果不一致。 –

嘗試：'.rslides_tabs li {vertical-align：top; }' – vsync

如果我正確理解你的問題，我相信你的代碼的元素具有由字體本身的高度決定其高度。這樣，任何CSS高度都會被字體大小覆蓋，因爲它需要文本（即使它只是一個空格）以適應內部。

如果你減小字體大小，你可以減少酒吧的高度。

喜歡的東西：

.rslides_tabs li { font-size:0.8em; }

應該收縮你欄的高度。

來源

2014-12-24 13:10:13 cyram

顯示器的高度問題：表格單元格

回答

相關問題