我在 Chrome 中选择文本时遇到问题。我有两个样式为内联 block 的跨度(div 也是如此)。当我尝试双击其中一个 block 内的文本时,所有相邻 block 都被选中。
可以通过在 block 之间至少放置一个空格或换行符来解决。但该空间将变得可见并会破坏布局。
演示(在 Chrome 58 中):
Firefox 在这两种情况下都能正常工作。
如何在不弄乱标记的情况下解决它?
源代码:
span {
outline: 1px solid red;
display: inline-block;
min-width: 70px;
}
<span>Apple</span><span>Orange</span>
<br/>
<br/>
<span>Lemon</span> <span>Pear</span>
最佳答案
您可以使用 Zero-width space 而不是普通空格:
编辑:..或font-size: 0
包含普通空格的元素。
span {
outline: 1px solid red;
display: inline-block;
min-width: 70px;
}
<span>Apple</span><span>Orange</span>
<br/>
<br/>
<span>Lemon</span>​<span>Pear</span>
<br/>
<br/>
<span>Lemon2</span><i style="font-size:0;"> </i><span>Pear2</span>
关于html - 内联 block 内的文本选择,中间没有空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43690276/