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

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