Question

我一直在寻找一段时间，我似乎无法找到我正在寻找的答案。

我正在制作一个小盒子，里面有文字的宽度，当点击它时，选择所有文字。就像一个带有“onclick ='this.select（）;'”的文本框，但我希望它的大小与文本里面的文本一样大，就像一个带有“float：left;”的div。

那么，有没有办法让div在点击时选择所有内容，或者是否有办法让文本框具有其预设“值”的宽度。

（我也希望找到一个没有额外插件的解决方案，例如jQuery。）

Answer 1

你可以试试这个

HTML：

<div class="select" >Blah Blah Blah Blah Blah Blah Blah Blah.......</div>

CSS：

.select
 {
  border: medium solid;
  height: 300px;
  width: 200px;
 -webkit-touch-callout: all;
 -webkit-user-select: all;
 -khtml-user-select: all;
 -moz-user-select: all;
 -ms-user-select: all;
 }

演示：jsfiddle

单击时选择div中的所有内容？/调整文本框大小以适合文本？

1 个答案: