html - HTML 中的间距元素

Question

有没有办法在不使用边距和实际空间的情况下在元素之间创建空间？

标记:

<div><span>A</span><span>B<span><span>C<span></div>

结果:

ABC

原因是，当用户在 span 元素之间单击时，我需要捕获 div 的点击事件。

我尝试使用 word-spacing 但显然它不是为此而创建的，所以它不会起作用。

Answer 1

这听起来很符合您的需要。字母之间的间距就像它们之间有一个字符一样，只有单击中间的空格才能运行代码。也许您真的想避免边距，但如果不知道您的推理就很难说。

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>