搜索框
两栏双浮动布局
溢出文字显示省略号
图片底侧空隙问题解决
div{border:2px solid red;}
img{vertical-align:bottom;border:1px solid #000;}
</style>
</head>
<body>
<div>
<img src="放大镜.png" alt="">
</div>
因为行内块元素会和文字基线对齐才导致这个问题!!
图片和表单与文字对齐
vertical-align作用与行内块元素 他们默认的vertical-align是关于基线对齐
,默认文字和图片是关于基线对齐