你会用JS动态给html添加空格吗

前端项目中有时需要动态用JS添加空格，例如为了照顾CSS的样式或者为了照顾特殊效果的实现。只要用下面这种方法就好了。

HTML:

<div id="test"></div>

如果你不单单想让div之间是null，而是想动态添加空格的话，这样(jquery):

$("#id").innerHTML += "&nbsp"

就好了

Hope It useful to You and Yous!

用css就行了

        <input type="radio" name="input" id="input-01" value="1"/><label style="padding-left: 30px" for="input-01">a </label>

        <input type="radio" name="input" id="input-02" value="1"/><label style="padding-left: 30px" for="input-02">b </label>

        <input type="radio" name="input" id="input-03" value="1"/><label style="padding-left: 30px" for="input-03">c </label>

        <input type="radio" name="input" id="input-04" value="1"/><label style="padding-left: 30px" for="input-04">d </label>

选择器中加空格的，则空格两边的选择器是上下级关系（或者说是父子关系），比如：

$("#a .b") 匹配下列html元素：

<div id="a"><span class="b">匹配这个span标签</span></div>

而如果不加空格，则是并列关系，即该选择器匹配的元素必须同时满足两个选择条件。比如：

$("#a.b") 匹配下列html元素：

<div id="a" class="b">匹配这个div标签</div>

---