用jQuery插入dom后,默认的样式错误,怎么解决?

Question

单纯的 HTML 页面,它们有自动的空隙

$(element).append('<span class="label label-success">tag</span>');

如图:前端用了bootstrap,然后jquery添加 dom 到页面 每一个添加的 tag 全部都挤在一起.这是 chrome 默认样式的问题吗.即使给元素添加 padding 或者 margin,添加进去的dom 样式也还是很怪,有没有前端大神指导小弟解决此问题?

Answer 1

你是想要那个间距, 还是不想要...?如果是不想要#tag-container&nbsp;{font-size:&nbsp;0}#tag-container&nbsp;>&nbsp;span&nbsp;{font-size:&nbsp;12px;}如果是想要:$('#tag-container').append("\r\n"+'<span&nbsp;class="label&nbsp;label-success">'+$('#tag').val()+'</span>');