由于所有元素都在自己的标记中组织,因此您可以使用:在内容中使用您想要作为分隔符的字符(使用font-size:0).据我所知,这个解决方案只适用于IE,因为其他浏览器不选择伪元素):
span:after {
content: " ";
font-size:0;
}
另一种CSS可能是在生成页面时直接添加特殊字符,并应用:: first-letter伪元素.这个解决方案的问题是并非所有字符都算作第一个字母(空格不是)
使用JavaScript,您可以找到适用于所有浏览器的解决方案:将您的角色附加到元素(再次使用font-size:0):
// CSS
span.hiddenChar {
font-size:0;
}
// JS
$(document).ready(function() {
$("span").prepend(" ");
});
或者如果您更喜欢没有jQuery的JavaScript:
// HTML
23:49userHello World!
// JS
var aux = document.querySelectorAll(".data");
for (x = 0; x < aux.length; x++) {
aux[x].innerHTML = " " + aux[x].innerHTML;
};