input和span、p、i等标签 垂直居中
<meta charset="utf-8">
<div class="input_row">
<input type="checkbox" class="must_check">
<span class="error_point">错误提示</span>
</div>
<style>
.input_row {
position:relative;
height:30px;
line-height:30px;
}
.must_check {
}
.error_point {
display:inline-block;
font-size:12px;
line-height:30px;
}
</style>
<!-- 类似这样的一个表单行。很难垂直居中。 -->
<!--
.must_check {
position:relative;
top:3px;
}
这算是个解决办法。。但是非常不雅。。
-->
<!--
<style>
.input_row {
position:relative;
height:20px;
line-height:20px;
}
.must_check {
margin-top:5px;
}
.error_point {
display:inline-block;
font-size:12px;
vertical-align:top;
}
</style>
另外一个解决办法。。也是很不雅。。原理是将input和span的本体高度加上margin-top的高度相同。然后给span一个vertical-align:top;
达到垂直。。缺点是很难算
-->
问。。有什么雅一点的办法。。这些办法都有些许恶心人
