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

【问题标题】：Select all content in div when clicked?/Resize textbox to fit text?单击时选择div中的所有内容？/调整文本框大小以适合文本？
【发布时间】：2013-05-13 10:09:15
【问题描述】：

我已经四处寻找了一段时间，但我似乎无法找到我正在寻找的答案。

我正在制作一个小框，其中包含文本的宽度，单击该框时会选择所有文本。很像带有“onclick='this.select();'”的文本框，但我希望它的大小与其中文本的大小相同，就像带有“float:left;”的 div。

那么，有没有办法让一个 div 在点击时选择它的所有内容，或者有没有办法让一个文本框的宽度完全符合它的预设“值”。

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

【问题讨论】：

标签： css select html width

【解决方案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

【讨论】：