本文主要是介绍【坑】如何让块元素像内联元素那样并排显示，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
我们知道在添加块元素（例如div等）会在块元素后面自动的添加一个换行，使得后面的内容显示在这个块元素的后面，可如果我们需要将几个块元素并列的时候（相互参差的div）可怎么办呢？
例如：
<style type="text/css">
#one {background-color:red;width:100px;height:100px;
}
#two {background-color:green;width:100px;height:100px;
}
#three {background-color:blue;width:100px;height:100px;
}
</style>
</head><body>
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
</body>显示的效果是这样的：
这个时候我们只需要在每个div的CSS代码中加上这个——display:inline-table;意思是把这个元素当作内联表格来使用，并且前后没有换行
显示效果如下：
这篇关于【坑】如何让块元素像内联元素那样并排显示的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
![C#实战|大乐透选号器[6]：实现实时显示已选择的红蓝球数量](https://i-blog.csdnimg.cn/direct/cda2638386c64e8d80479ab11fcb14a9.png)
