Horizantal酒吧加中心圖像？

我正在設計一個頁面，它需要一個帶有加號圖像的水平條形中心。 LKE此， enter image description here Horizantal酒吧加中心圖像？

我已經試過了，

<div><img src="http://s7.postimage.org/z6jiogw6f/add_icon.png" /></div> 

div{ 
    background: #ced8e7; 
    padding: 1px 0; 
    position: relative; 
    text-align: center; 
    overflow-x: hidden; 
}

但酒吧不是圓形的，再加上形象完全是酒吧內。誰能幫忙？樣品，http://jsfiddle.net/PSAEJ/

來源

2012-12-24 user960567

試試這個，它會工作測試：

更新時間： jsbin demo

來源

2012-12-24 09:04:20

如何使它圓形邊緣處？ – user960567

@surinder - 你不能定義'margin-left：-27px' static。因爲並非所有的分辨率都會使圖像成爲中心。 –

@ user960567請檢查我是否已更新。 –

這應該爲你工作：你只需要你的img標籤包裝成另一個<div>

http://jsfiddle.net/ZkDXA/2

編輯：你真的不需要如果你不願意的話，額外的div。另一個例子http://jsfiddle.net/ESt84/

來源

2012-12-24 09:10:06 fbynite

設置overflow屬性爲可見或刪除（默認overflow: visible）和你的形象給-ve保證金

div { 
    background: #ced8e7; 
    padding: 1px 0; 
    position: relative; 
    text-align: center; 
    height: 7px; 
    margin-top: 5px; } 

img { 
    margin-top: -7px; }

更新的jsfiddle：http://jsfiddle.net/PSAEJ/10/

來源

2012-12-24 09:40:52 ahmadkwench

Horizantal酒吧加中心圖像？

回答

相關問題