css - 如何在没有空格的情况下并排设置多个div

标签 css

我需要构建这样的东西:https://youtu.be/-pv77UW1w6g 但是我在并排设置 div 时遇到了问题,它们之间没有空格。

我制作了一个线框来帮助展示我的想法,如上面的视频:https://dl.dropboxusercontent.com/u/9095670/multiple-divs.jpg

重要的是要说明我正在使用 bootstrap,它是一个响应式元素。所以,我不想使用固定宽度或高度(如果可能的话)来做到这一点。我试过使用 display: inline,但由于固定的最小高度,它们之间有很多孔。

非常感谢您的帮助。

最佳答案

问题在于您的标记可能在元素之间有空格,避免这种情况的最简单方法是设置 font-size: 0px;在文档正文中,然后向每个子 div 添加一个类,将字体大小重新设置为您想要的任何大小。

关于css - 如何在没有空格的情况下并排设置多个div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33223623/

相关文章:

css - 具有响应式布局的 float 2 个元素

html - 如何将图标与其标题对齐?

javascript - 如何获取用户必须单击才能出现在文本 div 中的 div 的名称?

javascript - 将 browserify-css 与 grunt 一起使用

javascript - 如何使自动加载进度条重定向?

html - css 在元素和 :focus 之前

python - 如何使用 selenium python 获取伪元素的 css 值?

php - wordpress仪表板左侧栏中的空白区域

javascript - 更改导航项的颜色(下拉 - 单击)

javascript - Angular-ui-bootstrap datepicker 指令 - 放在前面