定心對內容（易upvotes）一個div內一個div

Question

我已經做了如下小提琴：

http://jsfiddle.net/hxQE4/

見右箭頭如何推動圖像下移。我希望右邊的箭頭在大的div中居中，而不管它裏面的圖像的大小。我不能使用絕對定位，但我希望箭頭相對於div（離div開頭約300px）居中，而不管內部有什麼圖像。

Answer 1

一個快速而骯髒的解決方案是將按鈕（.slider-right）的包含範圍設置爲100％的高度，然後應用「position：relative; top：50％;」到按鈕（.slider-right.ircle）。這將把按鈕的頂部放在中間位置，所以你可能需要調整一下到48％或者其他看起來最好的東西。

如果你走了那條路線或者按鈕將被下降那麼你還需要從包含範圍中刪除頂部邊距。

我也注意到你有div的範圍內。您應該避免將塊級元素（如div的）放入內聯級元素（如跨度）中。它可能會按原樣驗證失敗。


修訂的CSS：

.slider-right { 
position: relative; 
float: right; 
height: 100%; 
margin-top: 0px; 
position: relative; 
right: 6px; 
width: 32px; 
z-index: 30; 
} 

.circle{ 
position: relative; 
top: 48%; 
display:table; 
line-height:30px; 
width:10px; 
height:10px; 
padding:3px 5px 3px 7px; 
border:2px solid #CFC5CD; 
border-radius:21px; 
background: #000000; /* Old browsers */ 
opacity: .99; 
}