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

0 0 javascript css html
TimoTolkki
TimoTolkki

声望值:135 0人

2019-03-02 14:51:11 提问

关注 0关注

收藏 0收藏, 77浏览

second_1_2为什么会靠下一点?



的文字右侧的文字右侧的文字右侧的文字右侧的文字右侧的文字右侧的文字右侧的文字右侧的文字右侧的文字右侧的文字

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

图片描述
图片描述

请先 登录 后评论

5个回答

  • freestyle131声望 2018-09-25 09:25

    应该是你body或者父元素样式的问题导致, line-height 什么鬼?
    请先 登录 后评论
  • MRRobot86声望 2018-09-25 09:25

    给second_1_2加上vertical-align: top;
    请先 登录 后评论
  • Sily°苏暖年222声望 2018-09-25 09:25

    将.second_1里加上display:flex;然后把子div的display:inline-block去掉俩个inline-block挤在一起总会有各种各样的问题,flex大法好
    请先 登录 后评论
  • 飞翔的熊bla45声望 2018-09-25 09:25

    因为你用了 display: inline-block; 给second_1_1加上vertical-align: top和second_1_2加上vertical-align: top
    请先 登录 后评论
  • ニセモノ75声望 2018-09-25 09:25

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

注册新账号

悬赏追问
10
  • 10
  • 20
  • 50
  • 100
  • 200
  • 输入数值
发布追问