为什么second_1_2，与second_1_1这两个div不在一条水平线上？

Question

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;
}

Answer 1

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

Answer 2

给second_1_2加上vertical-align: top;

Answer 3

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

Answer 4

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

Answer 5

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