<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<style>
.div{width:100px;height:100px;background:#ccc;}
.div img{width:60%;display:block;margin:0 auto;}
</style>
<div class="div"><img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2460233569,1917036686&fm=85&app=79&f=JPEG"></div>
</body>
</html>
圖片寬度為百分比，高度不定，div包裹圖片，如何讓圖片在div中垂直居中呢？
uj5u.com熱心網友回復：
做成 div 的background-img 也可uj5u.com熱心網友回復：
div {line-height:100px;text-align:center
}
uj5u.com熱心網友回復：
這個不行啊uj5u.com熱心網友回復：
有人能回答嗎。。uj5u.com熱心網友回復：
有個想法不知道行不，給盒子一個內邊距的值，然后圖片可以百分百設定一下試試uj5u.com熱心網友回復：
你不用定位就用行高調整圖片在DIV中的垂直位置，把img的display屬性去掉，如果要轉成black，你就用定位去定到中間。uj5u.com熱心網友回復：
uj5u.com熱心網友回復：
flex比較好用，或者還有一種方法，div可以在div中居中，所以你可以在img外面套一個div，這個時候img的display：block，可以避免img下的5px轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/149972.html
標籤：HTML(CSS)