Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在引导中的相邻div之间创建间隙_Html_Css_Twitter Bootstrap 3 - Fatal编程技术网

Html 在引导中的相邻div之间创建间隙

Html 在引导中的相邻div之间创建间隙,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,我已经创建了三个div,我正在尝试在div之间创建一个小间隙 现在就是这样 我想在这里创造差距 下面是HTML和CSS(div在一个循环中运行三次) Div .相册边框{ 边框:1px实心#AAAAA; 边界半径:5px; } 这是一种方法。您可以为.album border指定一个宽度,这样它就可以有一些空间。之后,您可以使用css属性将它们包装在div中justify content:space-between和显示:flex希望这有帮助 。相册边框{ 边框:1px实心#AAAAA;

我已经创建了三个div,我正在尝试在div之间创建一个小间隙

现在就是这样

我想在这里创造差距

下面是HTML和CSS(div在一个循环中运行三次)


Div

.相册边框{ 边框:1px实心#AAAAA; 边界半径:5px; }
这是一种方法。您可以为
.album border
指定一个宽度,这样它就可以有一些空间。之后,您可以使用css属性将它们包装在
div
justify content:space-between
显示:flex希望这有帮助

。相册边框{
边框:1px实心#AAAAA;
边界半径:5px;
宽度:31%;
}
.div包装器{
证明内容:之间的空间;
显示器:flex;
}

Div

Div

Div

这应该可以做到

<div class="album-border col-lg-4" style="margin: 1px 0px;">
    <p>Div</p>
</div>

.album-border {
    border: 1px solid #aaaaaa;
    border-radius: 5px;
}
.album-border:not(:first-child) {
    margin-left: 5px
}