0

我想在 div 中间显示一个 ASP.NET 图像（水平和垂直），我应该如何排列我的 div 和图像（图像应该是 runat=server），我还应该设置 max-width 和 max-height我的图像的样式，DIV 充当占位符，我的图像应该在 DIV 内，并且它应该在水平和垂直方向上完全居中，你能显示我正确的 HTML 和 CSS 吗？有样品吗？

4

2 回答 2

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>
于 2012-12-08T15:56:26.983 回答
0

我非常努力地寻找解决方案，希望它 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。请注意，它在浏览器中放大和缩小时也可以使用，它完全位于页面的中间，您可以找到最好的代码:)

于 2013-05-20T15:35:00.840 回答