html css 怎么使img和a标签在一行中间对齐,并在div中居中

发布网友发布时间：2022-04-25 01:59

共4个回答

热心网友时间：2022-04-21 00:15

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
div{
width:800px;
border:1px solid red;
margin:0 auto;
}
img{
width:400px;
height:200px;
vertical-align:middle;
}
  </style>
</head>
<body>
    <div>
<img  src="jingfeng18.png" />
<a href="###">:jingfeng18</a>
</div>
</body>
</html>

把图片换成自己的就行了。

热心网友时间：2022-04-21 01:33

水平对齐的话就是用taxt-align:center;
垂直对齐的话需要的是line-height:值等于div的高度

热心网友时间：2022-04-21 03:07

img{ vertical-align:middle; }
a{ vertical-align:middle; }

热心网友时间：2022-04-21 04:59

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com