2 sean sc Sean_sc 于 2016.03.16 13:55 提问

css布局一个div有两个子div,其中一个子div有内容的话就会下滑,这是为什么?怎么解决?
 <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        div.main{width: 90%;height:80px;background-color: #f19149}
        div.child1{display: inline-block;width: 30px;height: 30px;border: 1px solid lawngreen}
        div.child2{display: inline-block;width: 30px;height: 30px;border: 1px solid black}
    </style>
</head>
<body>
    <div class="main"><div class="child1">这里有内容就会下滑</div><div class="child2"></div></div>
</body>
</html>

1个回答

showbo
showbo   Ds   Rxr 2016.03.16 15:43

        div.child1 {
            display: inline-block;
            width: 30px;
            height: 30px;
            border: 1px solid lawngreen;overflow:hidden
        }
Sean_sc
Sean_sc 那我现在child1里边要放一个图标,child2里边放文字,我想要图标和问题都是垂直水平都居中的怎么办
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!