Javascript 选择的文本显示在Chrome的窗口中

因此，我使用一个函数来选择

中的文本。它可以工作，但我不喜欢它在谷歌浏览器中的显示方式。你可以看到我的作品。单击按钮，

中的文本会被选中，但在Chrome中，选择会一直延伸到窗口的右侧，这并不好。不过，它的工作原理就像我在Firefox和IE中想要的一样

---

当然，

的宽度是200px。我还试着打开一个

max-width

声明，但这也没什么好处。有没有办法阻止选择以这种方式显示？

尝试将CSS规则

display:inline block

添加到您的div:

#result {
    width: 200px;
    font-family: Arial;
    font-size: 10pt;
    text-align: center;
    padding: 8px;
    border: 2px solid black;
    display:inline-block;
}
​

---

尝试将CSS规则

显示：内联块

添加到您的div:

#result {
    width: 200px;
    font-family: Arial;
    font-size: 10pt;
    text-align: center;
    padding: 8px;
    border: 2px solid black;
    display:inline-block;
}
​

---

您可以使用

selectNodeContents（）

而不是

selectNodeContents（）

：

您可以使用

selectNodeContents（）

而不是

selectNode（）

：

这是可行的，但是与@j08691的答案相比有什么好处呢？您的

div

仍然是块级元素，如果这是你正在考虑的问题。不是真的-这对我来说没那么重要。这是可行的，但这比@j08691的答案有什么好处？如果这是你正在考虑的问题，你的

div

仍然是块级元素。不是真的-这对我来说没那么重要。