这是我页面的一小部分:
<a href="#" onclick="PolicyViolation(<%: ViewBag.DeviceData[i].DeviceID%>); return false;">
<span class="policyViolationsNumber"><%= ViewBag.DeviceData[i].ViolationCount%></span>
<span>Policy Violations</span>
</a>
这表明两个跨度之间有一些空间。
在代码中,我们在JS中对此进行了更新:
var spanViolationNumber = $('<span>')
.html(statusModel.Violations)
.addClass('policyViolationsNumber');
var spanViolationString = $('<span>')
.html('<%=ServiceSite.Resources.Resources.DEVICES_POLICY_VIOLATIONS%>');
var imageTag = $('<img>')
.attr('src', '/Content/images/error_error.png')
.attr('align', 'absmiddle');
var anchorTag = $('<a href="#">')
.append(spanViolationNumber)
.append(spanViolationString);
cell.empty();
cell.append(imageTag)
.append(anchorTag);
但是,这显示跨度之间没有空格。我以前见过像这样的小问题,但从未弄清楚它是什么。您可以忽略图像标签的内容,这是无关紧要的。
编辑:
对此一无所知,我猜这是预期的行为:http : //jsfiddle.net/2MMuA/
由于格式化HTML的方式而产生了额外的空间。
“ span”标记是一个内联HTML元素。这基本上意味着您需要像对待页面上的文本一样对待它。
<span>Hello</span> <span>World</span>
<!-- Prints Hello World -->
<span>Hello</span>
<span>World</span>
<!-- Prints Hello World
The line break is where your extra space is coming from. -->
<span>Hello</span><span>World</span>
<!-- prints HelloWorld
This is how the ".append()" function is formatting the HTML.
It adds it literally right after the last character in the HTML. -->
为了使这两种不同技术之间的关系标准化,您要么必须将“ span”标签对接在一起,以使HTML不会增加额外的空间...
<span></span><span></span>
..或您需要在“ .append()”函数中手动添加空格。
obj.append(' ' + spanTag);
希望对您有所帮助!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句