Html 动态生成的div之间的css填充

Html 动态生成的div之间的css填充,html,css,Html,Css,我有一个js提琴,我想在两个div之间填充,我在div上放置了一个css填充规则,该规则需要填充,但没有被应用: css: html: 功能插件 标题 同侧阴唇 同侧阴唇 标题 同侧阴唇 如何在两个要素项div之间创建所需的填充?从要素项div中删除高度 .feature-item { padding: 5px; display: block; } 您已为要素项定义了高度,该要素项不允许在div之间留有空格。尝试删除高度或指定更高的值。如果要将要素项类应用于已经是块元素的

我有一个js提琴,我想在两个div之间填充,我在div上放置了一个css填充规则,该规则需要填充,但没有被应用:

css:

html:


功能插件
标题
同侧阴唇

同侧阴唇

标题 同侧阴唇


如何在两个要素项div之间创建所需的填充?

从要素项div中删除高度

.feature-item {
    padding: 5px;
    display: block;
}

您已为
要素项定义了高度,该要素项不允许在div之间留有空格。尝试删除高度或指定更高的值。

如果要将要素项类应用于已经是块元素的div,删除高度将解决查询问题,但删除额外的css也将提高代码质量。所以你只需要写:-

.feature-item {
    padding: 5px;
}

第二个功能容器是空的如果你想在你使用的元素之间留出空间
margin
而不是
padding
对不起,我指的是功能项div。编辑过的问题你应该只发布相关的代码,将其削减到最小,以说明问题。。。
.feature-item {
    padding: 5px;
    display: block;
}
.feature-item {
    padding: 5px;
}