如何让图片相对于上层DIV始终保持水平、垂直都居中

早上好,送你清新的问候,温馨的祝福,清晨,美好的开始,祝你今天精神棒棒,活力多多,心情好好,一切都好!
复制代码
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使图片相对于上层DIV始终水平、垂直都居中</title>
<style type="text/css">
.thumbBox {width:260px; height:260px; text-align:center; vertical-align:middle; display:table-cell; border:1px solid red;}
</style>
</head>
<body>
使图片相对于上层DIV始终水平、垂直都居中
<p>示例一</p>
<div class="thumbBox">
<img src="https://cdnss.haodaima.top/uploadfile/2023/0228/20230228073156890.gif" >
</div>
<p>示例二</p>
<div class="thumbBox">
<img src="https://cdnss.haodaima.top/uploadfile/2023/0228/20230228073156658.jpg" >
</div>
</body>
</html>

本文如何让图片相对于上层DIV始终保持水平、垂直都居中到此结束。除非能在关系中自由表达,否则关系很难直接愉悦你。这意味着,在关系中你就是在做你自我,你不是在做一个好人或假人,爱与恨怒与乐丑与美,你都能够让它较自由地流动。若严重做不到这一点,关系就会让你很累,你必须要找到大块独处时间,这时才不必研究任何人,而得到休息。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
浅谈css position absolute相对于父元素的设置方式