孩翁 发表于 2021-3-9 17:25:17

帮忙看看这个css样式如何写比较稳妥，困扰很久了 Web 开发

<!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中垂直居中呢？

斯文小晶 发表于 2021-3-12 13:32:58

做成 div 的background-img 也可

我有病 发表于 2021-3-25 18:59:45

div {line-height:100px;
      text-align:center
}

吴灶春 发表于 2021-4-4 14:25:54

我有一个想法，给盒子一个填充值，然后图像可以100%设置尝试

兮木君 发表于 2021-4-11 01:53:25

您可以使用行高来调整图像在DIV中没有定位的垂直位置，删除img display属性，如果您想将其更改为黑色，则可以使用定位来使其居中

凉曦 发表于 2021-4-26 03:39:38


页: [1]
查看完整版本: 帮忙看看这个css样式如何写比较稳妥，困扰很久了 Web 开发