为了账号安全,请及时绑定邮箱和手机立即绑定

发现一个很有意思的现象,请大神赐教。

发现一个很有意思的现象,请大神赐教。

慕田峪8701529 2017-11-24 11:54:50
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 回答

已采纳
?
慕运维7130634

TA贡献41条经验 获得超18个赞

不开玩笑了,这是空白字符的原因,你把.useradderess_content .user_list加一个font-size:0;也正常了

查看完整回答
4 反对 回复 2017-11-24
?
kevinZee

TA贡献50条经验 获得超39个赞

因为你换行会被判定成一个空格的距离,像你这种计算得严丝合缝的固定布局就会造成问题,解决方法也有不少,比如把父元素的字体设置为0,子元素字体重设的方法,或者干脆不换行

查看完整回答
1 反对 回复 2017-11-24
?
nicoleyxx

TA贡献1条经验 获得超0个赞

测试,

查看完整回答
反对 回复 2017-11-25
?
qq_温柔以待_1

TA贡献2条经验 获得超0个赞

同遇到此问题,先Mark,等待大神解决

查看完整回答
反对 回复 2017-11-24
?
qq_锅锅_3

TA贡献7条经验 获得超0个赞

这个方案的实行方

查看完整回答
反对 回复 2017-11-24
?
qq_锅锅_3

TA贡献7条经验 获得超0个赞

哈哈

查看完整回答
反对 回复 2017-11-24
?
qq_锅锅_3

TA贡献7条经验 获得超0个赞

测试

查看完整回答
反对 回复 2017-11-24
  • 7 回答
  • 0 关注
  • 2207 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信