javascript - 文本选择出现在 Chrome 中的整个窗口中

Question

所以我正在使用一个函数来选择 <div> 中的文本.它可以工作，但我不喜欢它在 Google Chrome 中的显示方式。可以看看我的作品here .单击 <div> 中的按钮和文本被选中，但在 Chrome 中，选择一直延伸到窗口的右侧，这并不好。不过，它在 Firefox 和 IE 中的工作方式与我希望的一样。

<div> ，当然，其宽度为 200px。我也试过放一个 max-width声明，但这也没有任何好处。有什么方法可以防止选择以这种方式显示吗？

Answer 1

尝试将 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;
}
​

jsFiddle example