居中一個圖像horizontall和垂直內部的一個DIV在ASP.NET

我想要顯示一個div中間的一個ASP.NET圖像（水平和垂直），我應該如何安排我的div和圖像（圖像應該是runat = server），我也應該爲我的圖像設置最大寬度和最大高度樣式，DIV充當佔位符，並且我的圖像應該位於DIV內部，並且它應該完全居中橫向和縱向居中，您能顯示我的正確的HTML和CSS？有沒有樣品？居中一個圖像horizontall和垂直內部的一個DIV在ASP.NET

來源

2012-12-08 Ali_dotNet

用途：

CSS

.placeholder{min-width:200px; min-height:200px;} 
    .placeholder img{ 
    margin: 0px auto; /*centers element horizontally*/ 
    vertical-align:middle; /*centers element vertically */ 
    }

你的HTML想是這樣的：

<div class="container"> 
    <div class="placeholder"> 
     <!-- load image here --> 
    </div> 
</div>

來源

2012-12-08 15:56:26 AnchovyLegend

我應該在哪裏使用這些樣式？這些應該爲我的ASP.NET圖像控件設置？那我的div呢？它不需要任何CSS？ –

請參閱編輯後。 – AnchovyLegend

它不居中， –

我很努力在尋找解決辦法，希望它是100％有用:-)

<html> 
<style> 
.placeholder { 
    width: 250px; 
    min-width: 250px; 
    height: 250px; 
    min-height: 250px; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    position: absolute; 
    left: 50%; 
    top: 40%; 
    margin: -100px 0 0 -125px; 
} 
</style> 
<IMG class="placeholder" src="http://www.swoo.co.uk/content/images/icons/stackoverflow.png"> 
</html>

替換任何你想要的img代替等於「src」的URL。請注意，它也可以在瀏覽器中放大和縮小時使用，它保留在頁面的MIDDLE中，最好的代碼可以找到:)

來源

2013-05-20 15:35:00

居中一個圖像horizo​​ntall和垂直內部的一個DIV在ASP.NET

回答

相關問題

居中一個圖像horizontall和垂直內部的一個DIV在ASP.NET