javascript - 用jQuery插入dom后,默认的样式错误,怎么解决?
本文介绍了javascript - 用jQuery插入dom后,默认的样式错误,怎么解决?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
单纯的 HTML 页面,它们有自动的空隙
$(element).append('<span class="label label-success">tag</span>');
如图:前端用了bootstrap,然后jquery添加 dom 到页面 每一个添加的 tag 全部都挤在一起.这是 chrome 默认样式的问题吗.即使给元素添加 padding 或者 margin,添加进去的dom 样式也还是很怪,有没有前端大神指导小弟解决此问题?
解决方案
你是想要那个间距, 还是不想要...?
如果是不想要
#tag-container {font-size: 0}
#tag-container > span {font-size: 12px;}
如果是想要:
$('#tag-container').append("\r\n"+'<span class="label label-success">'+$('#tag').val()+'</span>');
这篇关于javascript - 用jQuery插入dom后,默认的样式错误,怎么解决?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文