CSS:.useradderess_content .user_list{ width: 600px; height: 65px; line-height: 65px; border-bottom: 1px solid #dddddd;}.useradderess_content .user_list span{ width: 60px; height: 35px; line-height: 35px; font-size: 16px; color: #434141; display: inline-block;}.useradderess_content .user_list .user_name{ width: 500px; height: 35px; border: 0 !important; margin-left: 40px;}html://这样写会导致user_name的容器被挤到下面一行去<div class="useradderess_content"> <div class="user_list"> <span>收货人: </span> <input type="text" name=" " value="" class="user_name" placeholder="输入您的QQ号"/> </div></div>//这样写就正常了<div class="useradderess_content"> <div class="user_list"> <span>收货人: </span><input type="text" name=" " value="" class="user_name" placeholder="输入您的QQ号"/> </div></div>这是为什么????
7 回答
kevinZee
TA贡献50条经验 获得超39个赞
因为你换行会被判定成一个空格的距离,像你这种计算得严丝合缝的固定布局就会造成问题,解决方法也有不少,比如把父元素的字体设置为0,子元素字体重设的方法,或者干脆不换行
- 7 回答
- 0 关注
- 2216 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消