Css 如何使边框折叠(在 div 上)

<div class="container">
    <div class="column">
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
    </div>
    <div class="column">
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
    </div>
    <div class="column">
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
    </div>
    ...
</div>

.container {
    display: table;
    border-collapse: collapse;
}
.column {
    float: left;
    overflow: hidden;
    width: 120px;
}
.cell {
    display: table-cell;
    border: 1px solid red;
    width: 120px;
    height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

display: table-cell;

   .container {
    display: table;
    border-collapse:collapse
}
.column {
    display:table-row;
}
.cell {
    display: table-cell;
    border: 1px solid red;
    width: 120px;
    height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

Css相关问答推荐

当optgroup元素不包含任何未使用CSS禁用的选项元素时，如何隐藏它

为什么盒影没有显示在我的Angular组件中？

沿浮动形状—面元素外路径将文字垂直居中""

如何在css中从圆中切出1/n？

如何将下拉面板放置在MAT-SELECT文本框的正下方

使用tailwind 将父div限制为其具有溢出的最短子级的高度

SVG样式中的CSS类名是否是全局的？

CSS 布局：使一列依赖于另一列

如何减少弹性项目之间的差距

为什么我的 CSS 转换在 React 18 中不起作用

我怎样才能让我所有的网格列的高度等于最短列的高度

清除 CSS 中已设置的填充属性以恢复 SVG 的默认值

如何在 Tailwind 中使用 `margin： y x;` 速记？

如何在 TypeScript 文件中导入 CSS 模块？

在 css 中使用 first-of-type 效果太好了吗？

对齐视图中的复选框(RN)

宽度和高度似乎不适用于 ：before 伪元素

css3 nth 类型限制为类

React - 防止父子事件触发

如何将文本与图标字体垂直对齐？