爲什麼第一個和最後一個內嵌塊項目在底部不是頂部？

爲什麼第一個和最後一個內嵌塊項目的高度不在最高？爲什麼第一個和最後一個內嵌塊項目在底部不是頂部？

活生生的例子：http://dabblet.com/gist/3526764

HTML

<a href="#" class="slider-previous">previous</a> 
<img src="http://lorempixel.com/81/61/city/1" alt=""> 
<img src="http://lorempixel.com/81/61/city/2" alt=""> 
<img src="http://lorempixel.com/81/61/city/3" alt=""> 
<img src="http://lorempixel.com/81/61/city/4" alt=""> 
<img src="http://lorempixel.com/81/61/city/5" alt=""> 
<img src="http://lorempixel.com/81/61/city/6" alt=""> 
<img src="http://lorempixel.com/81/61/city/7" alt=""> 
<img src="http://lorempixel.com/81/61/city/8" alt=""> 
<a href="#" class="slider-next">Next</a>

CSS

img {display:inline-block;} 
.slider-previous {text-indent:-99999px;background: url(https://www.entropay.com/sites/entropay.com/themes/entropay_c/images/icons/arrow_icon.png) no-repeat #eee;height: 81px;width: 20px;;display:inline-block;} 
.slider-next {text-indent:-99999px;background: url(https://www.entropay.com/sites/entropay.com/themes/entropay_c/images/icons/arrow_icon.png) no-repeat #eee;height: 81px;width: 20px;;display:inline-block; }

我要讓箭頭垂直對齊的圖像。沒有負面的margin-top或float是不可能的？

來源

2012-08-30 Jitendra Vyas

這是由於vertical-align爲圖像

嘗試定義之缺失添加

img { 
    vertical-align: bottom 
}

例dabblet：http://dabblet.com/gist/3526905

來源

2012-08-30 11:39:35 fcalderan

+1是的'vertical-align：middle'做了我想要的東西。但奇怪的是，垂直對齊正在影響盒子的位置，outisde。我認爲它只會影響盒子內的物品。 –

with'middle'我看到你的鏈接在Firefox 15上有點混亂。所以我以爲你想使用'bottom'。無論如何改變它，因爲你喜歡 – fcalderan

不，它的工作在Firefox。我想在midle，但它的底部 –

.slider-previous {text-indent:-99999px;background: url(https://www.entropay.com/sites/entropay.com/themes/entropay_c/images/icons/arrow_icon.png) no-repeat left center #eee;height: 81px;width: 20px;;display:inline-block;vertical-align:top} 
.slider-next {text-indent:-99999px;background: url(https://www.entropay.com/sites/entropay.com/themes/entropay_c/images/icons/arrow_icon.png) no-repeat left center #eee;height: 81px;width: 20px;;display:inline-block;vertical-align:top}

應該做的伎倆？

來源

2012-08-30 11:48:52

它將在Firefox的頂部 –

我正在測試與螢火蟲，似乎是該網站是有點奇怪:) –

爲什麼第一個和最後一個內嵌塊項目在底部不是頂部？

回答

相關問題