html css 怎么使img和a标签在一行中间对齐，并在div中居中
部分html<div><imgsrc="img/c9icon.png"/><ahref="###">美丽之家</a></div>部分css:div{width:200px...
部分html
<div>
<img src="img/c9icon.png" />
<a href="###">美丽之家</a>
</div>
部分css:
div{
width:200px;
}
img{
width:30px;
height:40px;
} 展开
<div>
<img src="img/c9icon.png" />
<a href="###">美丽之家</a>
</div>
部分css:
div{
width:200px;
}
img{
width:30px;
height:40px;
} 展开
4个回答
展开全部
<!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="###">baidu:jingfeng18</a>
</div>
</body>
</html>
把图片换成自己的就行了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
水平对齐的话就是用taxt-align:center;
垂直对齐的话需要的是line-height:值等于div的高度
垂直对齐的话需要的是line-height:值等于div的高度
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
img{ vertical-align:middle; }
a{ vertical-align:middle; }
a{ vertical-align:middle; }
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
