Javascript 可调整大小的内容可从底部/顶部编辑

Javascript 可调整大小的内容可从底部/顶部编辑,javascript,html,css,Javascript,Html,Css,有一个简单的可编辑标题和段落,有高度限制。标题输入文本字段必须底部对齐,这意味着在输入文本时,它应该从下到上调整自身大小。同时,段落文本字段自上而下调整大小。我不知道如何使它从下/上调整大小。以下是html代码: 这是一个标题 这是一个段落。类似的内容?使用Flexbox相当容易: .集装箱{ 边框:008000实心2件; 显示器:flex; 宽度:500px; 高度:100px; } .集装箱h1, .货柜{ 弹性基准:50%; 溢出:隐藏; 最大高度:70%; 保证金:0; 字体大小:

有一个简单的可编辑标题和段落,有高度限制。标题输入文本字段必须底部对齐,这意味着在输入文本时,它应该从下到上调整自身大小。同时,段落文本字段自上而下调整大小。我不知道如何使它从下/上调整大小。以下是html代码:

这是一个标题


这是一个段落。

类似的内容?使用Flexbox相当容易:

.集装箱{ 边框:008000实心2件; 显示器:flex; 宽度:500px; 高度:100px; } .集装箱h1, .货柜{ 弹性基准:50%; 溢出:隐藏; 最大高度:70%; 保证金:0; 字体大小:16px; } .集装箱h1{ 边框:f00实心2px; 自我校准:灵活启动; } .货柜{ 边框:00f实心2px; 自对准:柔性端; } 在这里输入更多内容

在此处键入更多内容


你的问题是…?问题是什么?问题是什么?我不知道如何进行底部和顶部对齐@justDanI不知道如何进行底部和顶部对齐@jeremythille您使用的是最大高度,因此不需要对齐,因为只要文本的高度在70px以内,高度将始终适合文本。是的,没错!谢谢你,如果一开始我的问题不清楚,我是新来的@Jeremy Thille没问题,我承认这不容易解释。不客气,很高兴我能帮上忙: