css样式.well宽度环绕文本

Question

我在.well中有一个简单的文本框，并希望将.well类的宽度设置为不比我放入的文本大。

有没有一种简单的方法可以通过CSS实现这一目标？

Answer 1

在框的样式和

中使用max-width属性

.well-class{width:auto; max-width:200px;}

对于班级，这将有效。

Answer 2

我认为最好使用Textarea，然后文本会自动换行textarea字段的宽度。

<textarea rows="5"></textarea> 

Answer 3

这个怎么样？

.well{display: inline-block;}

实施例。

.well{
  display: inline-block;
  background: gold;
}
.textbox{
  background: skyblue;
}

<div class="well">
  well
  <div class="textbox">textbox</div>
</div>