Question

我想在两个小部件之间添加空格。请告诉我一个内联div代码，以添加大约300px的空间。我使用过这段代码：

<div style="width:300px"></div>

但是我看不到两个小部件之间300px的差距。

如何在这些小部件之间添加这么大的差距？

Answer 1

检查这个例子，如果你把div保持为空，你需要给它一个高度，而不仅仅是占据空间。

＆＃13;

.div1{width:200px;background:#ddd;height:200px;display:inline-block}
.div2{width:200px;background:red;height:200px;display:inline-block}
.gap{width:200px;background:none;height:200px;display:inline-block;}

＆＃13;

<div class='div1'></div><div class='gap'></div><div class='div2'></div>

＆＃13;

Answer 2

编辑：删除了已经尝试但尚未提问的解决方案

纯HTML：

 

请注意，dir表示单个空格，因此请一直添加它们，直到您有足够的空间为止。请注意，这是一个非常粗糙且不推荐的解决方案。有关纯CSS解决方案，请参阅演示。

编辑： here is a demo

如何在HTML中使用div添加空格

2 个答案: