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

swnuv
  • 3.8k

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

图片描述
图片描述

回复
阅读 1.5k
5 个回答

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

second_1_2加上vertical-align: top;

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

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

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

你知道吗?

宣传栏