gpt4 book ai didi

javascript - 增加 div 高度以使用 javascript 显示所有内容

转载 作者:行者123 更新时间:2023-11-27 22:28:32 27 4
gpt4 key购买 nike

当用户输入 HTML 时,我正在尝试制作一个非常简单的 HTML 预览 Pane 。看看here .

执行起来非常简单。取文本区域的值,使其成为旁边div的HTML。

$('#message-preview').html($('#message').val());

我遇到的问题是,预览 Pane 需要适当增加高度,以便容纳所有输入到左侧文本区域的 HTML。我注意到(在我打字时)SO 已经在他们的预览 Pane 中这样做了。有没有一种简单的方法可以根据内部内容调整事物的高度,同时让它们彼此相邻?

最佳答案

改变

position:absolute; 

position:relative;float:right; 

看起来像这样:

<div id="message-preview" class="well" style="position: relative; right: 0; width: 310px;float:right;"></div>

http://jsfiddle.net/xnPu7/2/

关于javascript - 增加 div 高度以使用 javascript 显示所有内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20699584/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com