div图片自适应垂直居中
想实现图片自适应居中，但为什么不行？<styletype="text/css">.wrap_4{height:800px;inline-height:800px;}</s...
想实现图片自适应居中，但为什么不行？
<style type="text/css">
.wrap_4
{height:800px;inline-height:800px;}
</style>
</head>
<body>
<div class="wrap_4"> <img src="logo.gif" alt="" > </div>
</body> 展开
<style type="text/css">
.wrap_4
{height:800px;inline-height:800px;}
</style>
</head>
<body>
<div class="wrap_4"> <img src="logo.gif" alt="" > </div>
</body> 展开
2个回答
展开全部
将 div 设为 表格的单元格 (display: table-cell)，然后设置纵向居中 (vertical-align: middle)
.wrap_4 {height: 800px; display: table-cell; vertical-align: middle;}
楼上的这种方法正解!
.wrap_4 {height: 800px; display: table-cell; vertical-align: middle;}
楼上的这种方法正解!
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
第一种方法：
将 div 设为 表格的单元格 (display: table-cell)，然后设置纵向居中 (vertical-align: middle)
.wrap_4 {height: 800px; display: table-cell; vertical-align: middle;}
第二种方法：
需要知道 logo.gif 的高度，设置 img 的 position 为 absolute，top 设为 50%，margin-top 设为 img 高度的 1/2（负数）。下例假设 img 高度为 200px。
.wrap_4 {height: 800px; position: relative;}
.wrap_4 img {position: absolute; top: 50%; margin-top: -100px;}
将 div 设为 表格的单元格 (display: table-cell)，然后设置纵向居中 (vertical-align: middle)
.wrap_4 {height: 800px; display: table-cell; vertical-align: middle;}
第二种方法：
需要知道 logo.gif 的高度，设置 img 的 position 为 absolute，top 设为 50%，margin-top 设为 img 高度的 1/2（负数）。下例假设 img 高度为 200px。
.wrap_4 {height: 800px; position: relative;}
.wrap_4 img {position: absolute; top: 50%; margin-top: -100px;}
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
