快速搜索左側的中心浮點數

我想將快速搜索的中心點與幾個Q & A中但沒有運氣。該div是浮動左邊的背景圖像。快速搜索左側的中心浮點數

HTML

<div class="l-row"> 
    <div class="QuickSearch"> 
    <div class="loop"></div> 
    <form action=><div class="quickSearchInputName">xxx</div></form> 
    </div> 
</div>

CSS

.QuickSearch { 
    background: url(/templates/_system/main/images/job-search-bg.jpg) no-repeat top left; 
    float:left; 
    width:900px; 
    height:170px; 
    display:block; 
    text-align:center; 
    margin: 0px auto 0px auto; 
} 

.loop { 
    /* background: url(quickSearch.png) no-repeat;*/ 
    width: 10px; height: 135px; 
    display: block; 
    float: left; 
    margin: 0 0 0 2px;  
} 

l-row { 
    max-width:942px; 
    width:100%; 
    min-width:942px; 
    text-align:center; 
}

來源

2012-09-09 Alouty

不應該是'.l-row'，btw？ – raina77ow

當你說「中心div」時，你能澄清你想要的中心，還有什麼呢？ – moopet

左邊的浮動與邊距對立：auto div。不知道你是否對浮動感到困惑，或者只是不瞭解你需要什麼。 – TigOldBitties

那麼，你必須在這裏固定尺寸的元素，所以我想你應該遵循經典：

.loop { 
    width: 10px; height: 135px; 
    ... 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin-top: -67px; 
    /* taking into account that margin-right: 2px in the original ruleset */ 
    margin-left: -3px; 
}

檢查this fiddle（必須稍微改變它，使用純色代替背景圖像）。

來源

2012-09-09 14:30:55 raina77ow

我想要背景圖片：job-search-bg.jpg爲中心。對不起，讓你感到困惑。放上'後'。 l行的前面也一樣。我確實閱讀了一些問答，並且都告訴了保證金：0爲中心浮動：如果沒有錯誤，則留下...... – Alouty

快速搜索左側的中心浮點數

回答

相關問題