javascript - 如何动态设置div大小？

Question

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

Answer 1

用 css 或 style 属性来做到这一点。 <div style="display:inline-block"> stuff </div>

display:inline; <--- 歌剧。

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

你可以用javascript做浏览器检查

像这样

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

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

请记住，这会导致类似流程的行为，因此如果您需要换行，请确保添加 <br />在 div 之后

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

或者您可以使用 <span></span>而不是 div