首页 > 开发 > CSS > 正文

实现文本、input、img同行垂直居中的方法

2024-07-11 08:40:43
字体:
来源:转载
供稿:网友

文本、input、img在同一行时图片是靠上,文字、input靠下,只需设置容器vertical-align:middle、line-height、height,以及容器中元素vertical-align即可实现垂直居中,样式如下:

<style type='text/css'>
.content{vertical-align: middle; line-height: 50px; height: 50px;}
.content img{vertical-align: middle;}
.content input{vertical-align: middle;}
</style>

<div class="content">
QQ黄钻特权等虚拟商品免费大赠送
<img src="1.gif" />
</div>
<div class="content">
<input type="button" value=" button ">
<img src="1.gif" />
</div>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表