所以我正在使用一个函数来选择<div>
. 它可以工作,但我不喜欢它在 Google Chrome 中的显示方式。你可以在这里看到我的作品。单击按钮并选择文本中的文本<div>
,但在 Chrome 中,选择一直延伸到窗口的右侧,这并不好。不过,它就像我在 Firefox 和 IE 中想要的那样工作。
<div>
当然,它的宽度为 200px 。我也尝试过max-width
声明,但这也没有任何好处。有什么办法可以防止选择以这种方式显示?
所以我正在使用一个函数来选择<div>
. 它可以工作,但我不喜欢它在 Google Chrome 中的显示方式。你可以在这里看到我的作品。单击按钮并选择文本中的文本<div>
,但在 Chrome 中,选择一直延伸到窗口的右侧,这并不好。不过,它就像我在 Firefox 和 IE 中想要的那样工作。
<div>
当然,它的宽度为 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;
}
您可以使用selectNodeContents()
代替:http selectNode()
: //jsfiddle.net/6XUJR/