<!-- span和input布局高度偏移: 以文字为基线 -->
<div class="gdpy">
<span>用户名:</span>
<input type="text" placeholder="请输入用户名">
</div>
1. 效果图如下
2. 出现的原因:以文字基线对齐
3. 解决方式
(1)给其中人一个元素设置:vertical-align:top
(2)使用float浮动
(3)定位position
<!-- span和input布局高度偏移: 以文字为基线 -->
<div class="gdpy">
<span>用户名:</span>
<input type="text" placeholder="请输入用户名">
</div>
1. 效果图如下
2. 出现的原因:以文字基线对齐
3. 解决方式
(1)给其中人一个元素设置:vertical-align:top
(2)使用float浮动
(3)定位position