有没有办法在不使用边距和实际空间的情况下在元素之间创建空间?
标记:
<div><span>A</span><span>B<span><span>C<span></div>
结果:
ABC
原因是,当用户在 span
元素之间单击时,我需要捕获 div
的点击事件。
我尝试使用 word-spacing
但显然它不是为此而创建的,所以它不会起作用。
最佳答案
这听起来很符合您的需要。字母之间的间距就像它们之间有一个字符一样,只有单击中间的空格才能运行代码。也许您真的想避免边距,但如果不知道您的推理就很难说。
document.querySelector('div').addEventListener('click', function(e) {
if (e.target === this) {
console.log('div clicked');
}
});
span {
margin: .5em;
}
span:first-child {
margin-left: 0;
}
span:last-child {
margin-right: 0;
}
<div>
<span>A</span>
<span>B</span>
<span>C</span>
</div>
关于html - HTML 中的间距元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28935121/