请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

inline-block布局如果子元素的font-size大小不一致会导致无法对齐?

这个怎么解决,什么原因导致

  <style type="text/css">
        .parent{
            width: 800px;
            height: 200px;
            font-size: 0;
            background: antiquewhite;
        }

        .left{
            display: inline-block;
            width: 200px;
            height: 200px;
            font-size: 40px;
            background: aqua;
        }

        .right{
            font-size: 30px;
            display: inline-block;
            width: 400px;
            height: 200px;
            background: blue;
        }

    </style>
</head>
<body>

<div class="parent">
    <div class="left">left</div>
    <div class="right">right</div>
</div>

图片描述

正在回答 回答被采纳积分+3

插入代码

1回答

TooooBug 2020-12-03 19:03:24

文字对齐的问题。设一下vertical-align属性看看?

0 回复 有任何疑惑可以回复我~
问题已解决,确定采纳
还有疑问,暂不采纳
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号