Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.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 如何在CSS中的内联块复选框之间创建空间_Html_Css_Checkbox - Fatal编程技术网

Html 如何在CSS中的内联块复选框之间创建空间

Html 如何在CSS中的内联块复选框之间创建空间,html,css,checkbox,Html,Css,Checkbox,我已经创建了复选框列表,并在标签上使用了边框半径,现在每个复选框的边框相互接触或穿过彼此的边框。 CSS 首先,您没有添加html,因此我不知道您将这些值归因于哪些html标记。第二,我认为你可以在气泡上设置一些边距,如果这些气泡在你的观点中: .interest { display:inline-block !important; } .bubble { margin: 5px; position: absolute; left: -9999px;

我已经创建了
复选框列表
,并在标签上使用了
边框半径
,现在每个复选框的边框相互接触或穿过彼此的边框。

CSS


首先,您没有添加html,因此我不知道您将这些值归因于哪些html标记。第二,我认为你可以在气泡上设置一些边距,如果这些气泡在你的观点中:

 .interest {
    display:inline-block !important;
}

.bubble {
    margin: 5px;
    position: absolute;
    left: -9999px;
    top: 0;
}

.circle {
    border: 1px solid #000;
    padding: 15px;
    border-radius: 50%;
}

我只想鼓励您在标签上添加
边距

label {
    margin: 30px 2px;
    float: left;
}

选中此项:

只需添加
显示:内联块到.circle类,它将是完美的


尝试
显示:块相反,可以检查小提琴!
label {
    margin: 30px 2px;
    float: left;
}