display:inline-block ，之后两个元素不能放到一行上？

阅读 3.1k

2 个回答

得票最新

carolunar

391

发布于
2018-05-09

✓ 已被采纳

.ct {
  background: lightblue;
  height: 100px;
  font-size: 0;
}

去除inline-block元素间间距的N种方法

弱水叁仟

发布于
2018-05-09

更新于
2018-05-09

新手上路，请多包涵

实践证明,是可以在同一行的.
以下为Html内容:

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
    <style>
        /*最外层容器,宽高400,背景灰色*/
        #container {
            width: 400px;
            height: 400px;
            background-color:gray;
        }
        
        /*方块1,背景绿色*/
        #div1 {
            background-color:green;
        }
        
        /*方块2,背景红色*/
        #div2 {
            background-color: red;
        }
        
        /*两个方块大小相同,宽高各150*/
        .same-row {
            width: 150px;
            height: 150px;
            display:inline-block; /*注释或放开此行可看到效果*/
        }
    </style>
</head>

<body>
    <div id="container">
        <div id="div1" class="same-row"></div>
        <div id="div2" class="same-row"></div>
    </div>
    
</body>

</html>

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

display:inline-block ，之后两个元素不能放到一行上？

你尚未登录，登录后可以

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何实现类似豆包的AI改写框跟随内容滚动效果？

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

如何在CSS中实现滚动条不溢出圆角框？

css如何设置纵向滚动条的高度？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？

表数据复制一条添加到数据库，前端跳转到数据所在的page页，滚动到对应行并添加高亮样式异常？