18910140161

HTML-我想使用CSS将框放置在彼此附近,中间留有空格-堆栈溢出

顺晟科技

2022-10-18 12:58:07

70

他们看起来像什么

我需要盒子彼此靠近,中间有一点空间,但这似乎不起作用,这是我的代码。

HTML:

<代码><;DIV类名=";圆框";>;<;/DIV>;<;DIV类名=";Roundbox2";>;<;/DIV>;

CSS:

<代码>.圆框{border-radius:10px;边框:1.5px纯灰色;盒子阴影:#E3EAF6;宽度:20VW;高度:3VW;浮动:左;}.圆形盒子2{border-radius:10px;边框:1.5px纯灰色;盒子阴影:#E3EAF6;宽度:20VW;高度:3VW;浮动:左;填充-左:20VW;}

顺晟科技:

在两个框中

添加少量的<div className="RoundBox"></div> <div className="RoundBox2"></div> .RoundBox { border-radius: 10px; border: 1.5px solid grey; box-shadow: #e3eaf6; width: 20vw; height: 3vw; float: left; } .RoundBox2 { border-radius: 10px; border: 1.5px solid grey; box-shadow: #e3eaf6; width: 20vw; height: 3vw; float: left; padding-left: 20vw; } ,例如2或3个像素。

<代码>.圆框{border-radius:10px;边框:1.5px纯灰色;盒子阴影:#E3EAF6;宽度:20VW;高度:3VW;浮动:左;左边距:2px;Margin-Right:2px;}.圆形盒子2{border-radius:10px;边框:1.5px纯灰色;盒子阴影:#E3EAF6;宽度:20VW;高度:3VW;浮动:左;填充-左:20VW;左边距:2px;Margin-Right:2px;}
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航