素材牛VIP会员
为什么second_1_2,与second_1_1这两个div不在一条水平线上?
 xi***xu  分类:JavaScript  人气:1145  回帖:5  发布于6年前 收藏

second_1_2为什么会靠下一点?

<div class="second_1">
            <div class="second_1_1">
                <img alt="" src="/ehouse/img/item/industry/left.png">
            </div>
            <div class="second_1_2">
            的文字右侧的文字右侧的文字右侧的文字右侧的文字右侧的文字右侧的文字右侧的文字右侧的文字右侧的文字右侧的文字
            </div>
            
        </div>

.second_1{
    height: 250px;
}
.second_1 div {
    display: inline-block;
}
.second_1_1 img {
    width: 250px;
    height:250px;
    margin: 0px 100px;
}
.second_1_2{
    width:500px;
    height:250px;
    text-align: left;
}


 标签:csshtmljavascript

讨论这个帖子(5)垃圾回帖将一律封号处理……

Lv5 码农
Co***ht 软件测试工程师 6年前#1

行内元素默认基于基线对齐的方式导致的,解决方法同上面改变两个元素的对齐方式vertical-align: top

Lv5 码农
Am***ze JS工程师 6年前#2

将.second_1里加上display:flex;然后把子div的display:inline-block去掉
俩个inline-block挤在一起总会有各种各样的问题,flex大法好

Lv4 码徒
大***咒 JAVA开发工程师 6年前#3

应该是你body或者父元素样式的问题导致, line-height 什么鬼?

Lv6 码匠
lo***ou 职业无 6年前#4

second_1_2加上vertical-align: top;

Lv4 码徒
大***咒 JAVA开发工程师 6年前#5

因为你用了 display: inline-block; 给second_1_1加上vertical-align: top和second_1_2加上vertical-align: top

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取