根据内容自动调整文本区域的大小

瑞安·莫滕森(Ryan Mortensen)

在我的一个页面上,我有一个文本区域html标记供用户输入字母。我希望该文本区域下方的内容向下移动,换句话说,我希望该文本区域在增加每行时垂直调整大小到文本区域,并使下面的内容相对于文本区域的底部简单定位。

我希望javascript / jquery具有一种方法来检测单词换行或何时添加新行,并以此为基础来调整文本区域容器的大小。

我的目标是使文本区域下方的内容与文本底部的距离保持不变,无论用户写了多少内容。

当文本溢出时,文本区域会创建一个滚动条。

瑞安·莫滕森(Ryan Mortensen)

http://www.jacklmoore.com/autosize/

首先下载插件:

第1步:将“ jquery.autoresize.min.js”放在保留jquery插件的位置。

步骤2:以HTML链接文件-><script src="jquery.autosize.min.js" type="text/javascript" ></script>确保此链接位于您的jquery链接之后,以及您自己的javascript / jquery代码链接之前。

步骤3:在您的javascript代码文件中,只需添加 $('#containerToBeResized').autosize();

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery UI可调整大小,在文本区域下方显示处理程序

来自分类Dev

jQuery和自动调整文本区域大小的问题

来自分类Dev

根据文本自动调整富文本框的大小?

来自分类Dev

无法将文本区域调整为适合Windows大小的大小

来自分类Dev

根据内容大小调整文本标签的大小

来自分类Dev

调整jHtml文本区域的大小

来自分类Dev

在引导程序中自动调整文本区域的大小

来自分类Dev

根据文本内容调整textview的大小(快速)

来自分类Dev

从元素输入中填充时自动调整文本区域的大小-Javascript

来自分类Dev

自动调整文本区域的大小以在加载时显示所有文本,而无需在Blazor中滚动

来自分类Dev

调整文本区域大小时,所有元素都将向下移动:如何修复

来自分类Dev

jQuery自动调整文本区域的大小

来自分类Dev

可调整大小的文本区域,可在键入时不断调整大小,而不必等待内容溢出

来自分类Dev

自动调整文本区域大小

来自分类Dev

自动调整页面上多个文本区域的大小

来自分类Dev

根据内容调整文本区域的大小

来自分类Dev

UILabel根据文本大小自动调整大小

来自分类Dev

在JavaFX中将文本区域自动调整为Tabpane

来自分类Dev

jQuery文本区域调整大小无法与单选按钮单击时的jQuery div内容更改结合使用

来自分类Dev

查询-将<br />从文本区域传递到隐藏的div以自动调整大小

来自分类Dev

如何创建将始终调整大小的文本区域?

来自分类Dev

TextArea根据内容自动调整大小

来自分类Dev

调整窗口大小时,按类名称触发调整文本区域的大小

来自分类Dev

有关调整文本区域大小的指针

来自分类Dev

调整文本区域大小时,Angular JS调整元素的大小

来自分类Dev

调整文本区域的大小以垂直适合页面

来自分类Dev

在引导程序中自动调整文本区域的大小

来自分类Dev

如何根据文本内容自动调整聊天气泡元素的大小?

来自分类Dev

引导模式显示先前调整大小的文本区域

Related 相关文章

  1. 1

    jQuery UI可调整大小,在文本区域下方显示处理程序

  2. 2

    jQuery和自动调整文本区域大小的问题

  3. 3

    根据文本自动调整富文本框的大小?

  4. 4

    无法将文本区域调整为适合Windows大小的大小

  5. 5

    根据内容大小调整文本标签的大小

  6. 6

    调整jHtml文本区域的大小

  7. 7

    在引导程序中自动调整文本区域的大小

  8. 8

    根据文本内容调整textview的大小(快速)

  9. 9

    从元素输入中填充时自动调整文本区域的大小-Javascript

  10. 10

    自动调整文本区域的大小以在加载时显示所有文本,而无需在Blazor中滚动

  11. 11

    调整文本区域大小时,所有元素都将向下移动:如何修复

  12. 12

    jQuery自动调整文本区域的大小

  13. 13

    可调整大小的文本区域,可在键入时不断调整大小,而不必等待内容溢出

  14. 14

    自动调整文本区域大小

  15. 15

    自动调整页面上多个文本区域的大小

  16. 16

    根据内容调整文本区域的大小

  17. 17

    UILabel根据文本大小自动调整大小

  18. 18

    在JavaFX中将文本区域自动调整为Tabpane

  19. 19

    jQuery文本区域调整大小无法与单选按钮单击时的jQuery div内容更改结合使用

  20. 20

    查询-将<br />从文本区域传递到隐藏的div以自动调整大小

  21. 21

    如何创建将始终调整大小的文本区域?

  22. 22

    TextArea根据内容自动调整大小

  23. 23

    调整窗口大小时,按类名称触发调整文本区域的大小

  24. 24

    有关调整文本区域大小的指针

  25. 25

    调整文本区域大小时,Angular JS调整元素的大小

  26. 26

    调整文本区域的大小以垂直适合页面

  27. 27

    在引导程序中自动调整文本区域的大小

  28. 28

    如何根据文本内容自动调整聊天气泡元素的大小?

  29. 29

    引导模式显示先前调整大小的文本区域

热门标签

归档