放置一個div來根據每個瀏覽器

我怎麼能水平的容器放置在屏幕的中央屏幕分辨率屏幕中央的。該容器有8個圖像被放置。所有的圖像將被對齊到一行，並相應地改變屏幕分辨率。放置一個div來根據每個瀏覽器

這裏是我的HTML

<div id="container"> 
    <div id="list" > 
     <img src="img/c1.png" style="display:box; width:125px; margin-left:5px; margin-top:9px" /> 
     <img src="img/c2.png" style="display:box; width:125px;margin-left:5px;margin-top:9px"/> 
     <img src="img/c3.png" style="display:box; width:125px;margin-left:5px;margin-top:9px" /> . 
     . 
     . 
    </div> 
</div>

CSS：

#container{margin-left: auto;margin-right:auto;width:1200px;}

來源

2013-03-09 viru48

問題在哪裏？它只是工作。 – BackSlash 2013-03-09 11:58:01

就以http://stackoverflow.com/questions/114543/how-to-center-a-div-in-a-div-horizontally – user1929959 2013-03-09 11:58:01

看看是否要在水平和垂直居中呢？ – soyuka 2013-03-09 12:00:22

在這裏，你的CSS改善

這裏的圖像將表現爲文本，以便該代碼是完美的您的要求。（如果你想要的東西不能正常工作，只留下你的HTML和CSS的jsfiddle，以便我們可以選擇實時代碼。）

#container { 
    position: relative; 
    margin: auto; 
    width:1200px; 
} 

#list img { 
    display: inline-block; 
} 

#list { 
    vertical-align: middle; 
    text-align: center; 
}

來源

2013-03-09 14:14:48

放置一個div來根據每個瀏覽器

回答

相關問題