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