3个div同一行然而有一个无法顶头

3个div同一行然而有一个无法顶头,第1张

di{
    width:1918px;
    height:477px;
    background-color:#F4F4F4;
    float:left;
}
dgl{
   width:190px;
   height:230px;
   border:2px solid #B1428F;
   border-top-style:none;
   margin-left:350px;
   padding:10px 0 0 25px;
   line-height:32px;
   background-color:#FFFFFF;
}
tu1{
    width:521px;
}
tu2{
    width:428px;
}
dgl,tu1,tu2{
    display:inline-block;
    vertical-align:top;
}<div class="di">
    <div class="dgl">
        <p>品牌名称</p>
        <p><a href="#" class="a1">MAC</a></p>
        <p><a href="#" class="a1">YSL</a></p>
        <p><a href="#" class="a1">GIVENCHY</a></p>
        <p><a href="#" class="a1">DIOR</a></p>
        <p><a href="#" class="a1">GUERLAIN</a></p>
        <p><a href="#" class="a1">雅诗兰黛</a></p>
        </div>
        <div class="tu1"><img src="images/1png" /></div>
        <div class="tu2"><img src="images/2png" /></div>
</div>

大哥,你是代码不对齐,强迫症的我帮你弄好才看得懂。

你需要加上这个vertical-align:top;

dgl,tu1,tu2{
display:inline-block;
vertical-align:top;
}

欢迎分享,转载请注明来源:品搜搜测评网

原文地址:https://pinsoso.cn/meirong/2752695.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-12-27
下一篇2023-12-27

随机推荐

发表评论

登录后才能评论
保存