css - 使用响应式网格系统时将边界力列添加到下一行?

标签 css

我正在尝试使用响应式网格系统 CSS 代码 ( http://www.responsivegridsystem.com/ ) 来构建我的第一个网站。我在为列添加边框时遇到了一个小问题,因为这样做会强制最后一列到下一行。我不确定如何解决这个问题。

例如,这将强制最后一列到下一行:

    .span_4_of_12 {
          border: 1px solid black;
     }

我想在不强制到下一行的情况下为列添加边框。谢谢!

最佳答案

使用 box-sizing: border-box;。此规则将使边框成为计算元素宽度的一部分。

Browser Support

关于css - 使用响应式网格系统时将边界力列添加到下一行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17493616/

相关文章:

html - 如何使用 html 从 Shiny 的 SelectInput 中包装输入?

html - 如何垂直堆叠可变高度的 Bootstrap 网格列?

javascript - Div 填充剩余的垂直空间

html - IE Z-Index/悬停问题

css - Chrome 忽略列布局中的 flex-basis

css - 带导入的 sass 嵌套重置

html - 在 html 中使用 <ol> with in <ul> 并使用 css 更改结果的问题

html - 在 iframe 顶部重叠 div

html - 与容器中的段落垂直居中对齐。

css - 使用 px 值相对于右下角定位背景