木子屋 Dnawo's BLOG

img和input顶部对不齐解决方法

👤 dnawo 📅 2014-06-06 👁 9934 👍 0 💬 0 🔄 来源:本站原创
页面中img和input顶部总对不齐,预览效果如下:

图片

img和input设置vertical-align:middle即可解决:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
    input, img {
        width:30px;
        height:30px;
        padding:10px 10px;
        margin:20px 20px;        
        border: 2px inset;
        vertical-align:middle;
    }
</style>
</head>
<body style="margin:0px 0px;">
    <input type="text" value="text" />
    <img src="/Images/search.png" />
</body>
</html>

图片

评论(0)

暂无评论。

验证码
评论需审核通过后显示
← 上一篇 招商银行朝朝盈业务开通示例 下一篇 → 杭州房屋出租户