gpt4 book ai didi

css - 添加属性显示 : table-cell 的 2
之间的距离

转载 作者:行者123 更新时间:2023-11-28 17:56:55 24 4
gpt4 key购买 nike

我有 2 <div>具有样式属性 display: table-cell .我需要为 <div> 添加左右边距并添加 margin: 0 10px不起作用。而且我不能添加 padding: 0 10px 因为 <div>背景设置为一种颜色,<div>也有边框。所以如果我添加填充 <div>看起来它继续扩大。我需要分开 2 <div>一些像素。有什么想法吗?

<body style="background: #555;">

<div style="width: 100px; background: #fff; margin: 0 10px; display: table-cell; border: 1px solid #000">
</div>

<div style="background: #fff; margin: 0 10px; display: table-cell; border: 1px solid #000">
</div>

</body>

最佳答案

只需添加一个边框。

<div class="tableCell"></div>
<div class="tableCell"></div>

.tableCell {
background: green;
border-left: 5px solid white;
display: table-cell;
height: 100px;
width: 50px;
}

Demo

关于css - 添加属性显示 : table-cell 的 2 <div> 之间的距离,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21206863/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com