html怎么做隐藏字符,如何在HTML中创建一个不可见的字符,仍然可以选择文本?

由于所有元素都在自己的标记中组织,因此您可以使用:在内容中使用您想要作为分隔符的字符(使用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;

};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值