如何动态设置div大小？

Question

我有一个 div 容器，其中包含用户之前输入的文本。我想根据此文本调整 div 的大小。我不能有固定的大小，因为我不知道文本的长度。如果没有指定大小，则 div 占据整个窗口的宽度。这给我带来了一些问题，因为我使用的是 JQuery 可拖动插件，并且当拖动 div 时滚动条会立即出现。对此有什么建议吗？

Answer 1

使用 css 或 style 属性来做到这一点。

stuff

display:inline; <--- 用于歌剧。

display:inline-block; <--- 适用于其他浏览器。

JavaScript 进行浏览器检查

您可以使用类似这样的

 var divBlock=(navigator.userAgent.indexOf('Opera')>-1)?"inline":"inline-block";

，然后根据该变量设置样式显示选项

请记住，这将导致类似流程的行为，因此如果您需要新行，请确保添加
; 在 div 后面

<div style="display:inline-block;">stuff</div>
<br />
<div style="display:inline-block">stuff 2</div>

或者您可以使用 代替 div

Answer 2

<div class="myText">My Text</div>

.myText {
    display: inline;
}

这会将 div 的长度更改为宽度。如果您希望能够指定最小高度和宽度，请使用 inline-block：

.myText {
    display: inline-block;
    min-width: 40px;
    max-width: 120px; //If you want to start wrapping text at a certain width;
}