Question

我想在div的中间（水平和垂直）显示一个ASP.NET图像，我应该如何安排我的div和图像（图像应该是runat = server），我也应该设置max-width和我的图像的最大高度样式，DIV充当占位符，我的图像应该在DIV内部，它应该在水平和垂直方向准确居中，你能展示我正确的HTML和CSS吗？有样品吗？

Answer 1

使用：

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>

Answer 2

我在找到解决方案时非常努力，希望它有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中完全保留，你可以找到最好的代码:)

将图像水平居中并垂直放在ASP.NET中的DIV内部

2 个答案: