使TextArea垂直填充页面的其余部分？
在网页开发中，要使TextArea元素垂直填充页面的其余部分，可以使用CSS样式来实现。以下是一个简单的示例：
HTML代码：
<!DOCTYPE html>
<html>
<head>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
.container {
display: flex;
flex-direction: column;
height: 100%;
}
textarea {
flex-grow: 1;
resize: none;
}
</style>
</head>
<body>
<div class="container">
<textarea placeholder="在此输入文本..."></textarea>
</div>
</body>
</html>在这个示例中，我们使用了一个名为.container的<div>元素，并将其高度设置为100%，以便它填充整个页面。然后，我们将TextArea元素的flex-grow属性设置为1，以便它可以自动填充容器的剩余空间。最后，我们将TextArea元素的resize属性设置为none，以禁止用户手动调整其大小。
这样，TextArea元素就会自动填充页面的其余部分，而不需要使用JavaScript或其他编程语言。
相关·内容
1回答
是否有办法使容器具有样式宽度: 100% -常量
html、css
我有一个垂直导航条，这是一套250 is。我在django上使导航条成为一个模板，现在我希望创建一个容器div来填充页面的其余部分。我的问题是，，如何使这个div成为整个页面的宽度减去这个导航条。
浏览 1提问于2022-06-17得票数 -1
回答已采纳
1回答
textarea应该调整大小。
html、css、textarea
当使用可调整大小的<textarea>时：#a { resize: horizontal; height: 200px; }如何使它从0%调整到100%的浏览器宽度？此外，textarea和页面其余部分之间的所有垂直边界都应该显示一个调整大小的游标，为什么即使使用resize: horizontal;也不显示它。
浏览 4提问于2017-09-25得票数 0
1回答
如何在JavaFX中扩展TextField的高度
javafx
我想让我的TextField的高度更大(它应该占据几乎一半的屏幕)。我使用的是以下代码： concordText = new TextField(""); concordText.setPrefWidth(80); 这确实增加了TextField的大小，但文本从中间开始(如图所示)。我如何让它从文本的开头开始？ ?
浏览 17提问于2019-03-18得票数 0
回答已采纳
1回答
如何在JavaFX中垂直对齐文本？
javafx、textarea
我有TextArea在JavaFX。我需要垂直对齐文本或使TextArea的大小与内容相同。目前，TextArea正在增长以填充其父高度。
浏览 0提问于2018-03-28得票数 0
回答已采纳
1回答
UICollectionView不完全填充页面，如何阻止它将项目推送到下一页，而这些项目应该放在页面上呢？
ios、objective-c、cocoa-touch、uicollectionview
我试图拥有一个水平的UICollectionView页面，所以我需要它垂直布局。但是，我的集合视图有一个不同的网格结构；顶部的行中有一个项，而底部的行(有两行)有三个项。这种结构似乎不能很好地垂直布局。它似乎先把上面的图像放出来，然后在底部放第一个图像，然后返回到顶部，看到没有更多的空间，然后将下一个项目放到下一页。无论出于什么原因，它都不会填满页面的其余部分，即使还剩下垂直空间(实际上还剩下两个空格)，它还是跳到了下一页。
显然，这是不理想的。是否有
浏览 0提问于2014-06-12得票数 0
1回答
GTK填充FlowBox的最后一个元素以结束
c++、gtk3
我有一个(垂直的) GTK FlowBox，它有多个子级。除了最后一个没有固定的大小，所有只是填补他们的子控件所需的空间。最后一个元素在一个GtkScrolledWindow中，它应该填充GtkFlowBox的其余部分。我尝试了几个布局选项，但没有一个使最后一个子节点填充GtkFlowBox的其余部分。我尝试过的事情：
将上述所有控件的Expand Vertical设置为
浏览 0提问于2018-12-13得票数 1
6回答
让DIV垂直填充页面的其余部分？
css、html
我有一个谷歌地图应用程序，占据了页面的大部分。但是，我需要为菜单栏保留最顶部的空间。如何使地图div自动填充其垂直空间？height: 100%不起作用，因为顶部栏会将地图推过页面底部。
浏览 0提问于2010-05-24得票数 46
回答已采纳
1回答
如何使引导行背景色填充页面的其余部分？
html、css、twitter-bootstrap
当我们使用Bootstrap创建网页时，我们使用放在容器中的行，所以如果用2行这样做，如何使2nde 1填充整个页面？}
background-color: blue;p.s: --我只想转换行属性，而不是使用一行，用主体的背景颜色对页面的其余部分进行着色
浏览 1提问于2017-05-05得票数 2
2回答
将文本区域的标签放在它旁边，但垂直居中对齐
css、textarea、label、alignment、vertical-alignment
请看这把小提琴：
正如你所看到的，<textarea id = "FooText"></textarea>的标签是在textarea的旁边，然而，我想让标签垂直地紧挨着文本区，或者在文本区的顶部，而不是像在小提琴中那样放在底部
浏览 0提问于2011-12-14得票数 6
回答已采纳
3回答
填充扩展了<textarea>的大小。
html、css
因此，我有一个padding-top来定义<textarea>和表的边框之间的一些空间。如您所见，<textarea>略高于其他行内容的位置。当我在CSS文件中添加padding-top:10px;时，<textarea>会展开，而不是像我假装的那样：
我需要<textarea>与其
浏览 1提问于2014-05-30得票数 0
回答已采纳
1回答
如何在预先填充的textarea上将<br />转换为换行符
php、forms、textarea、newline、nl2br
我对出现在预先填充的textarea表单中的<BR />标记有问题(显然没有中断)。因此，这些中断标记需要在textarea中转换为/n。这个预先填充的文本是通过URL检索的，URL中似乎也有中断标记。--基本上是发生了什么，我需要什么：
我必须从上一页(最初从数据库中提取)获取一个文本块，并将该文本块加载到表单提交页的textarea字段中。为了使文本块在第一页上正确显示，我必须使用nl2br
浏览 4提问于2012-11-12得票数 2
回答已采纳
2回答
使HTML元素填充页面的其余部分
javascript、html、css、highcharts
我有下面的HTML。 <nav>..</div></body>
我的目标是让header保持恒定的高度，而content填充页面的其余部分(我在那里有一个Highchart )。
浏览 1提问于2014-01-07得票数 0
1回答
浏览器垂直滚动条失败
html、css
在下列情况下，浏览器窗口最右侧的垂直滚动条将正确显示并正确滚动：
<!：
在加载登陆页之前，我降低了浏览器窗口的高度，因此在加载时只有网页的顶部1&#
浏览 2提问于2014-03-04得票数 1
回答已采纳
2回答
在LaTeX中调整段落之间的白色填充
latex
默认情况下，Latex似乎会填充段落之间的空白，以使每一页都以大约相同的高度结束(至少在book和scrreprt类中是如此)。这一切都很好，但我有几页只有两个段落。我知道我可以对整个文档使用\raggedrift，但除了只有两个段落的页面之外，我有点喜欢白色填充。我还尝试使用\vspace{-1 1cm}手动调整，但似乎不起作用。有没有办法给段落之间的白色填充高度设置一个最大值？
浏览 9提问于2010-11-30得票数 0
回答已采纳
4回答
缩放图像80% - jquery
javascript、jquery、css、media-queries
我正在使用媒体查询使我的网站上的文本和布局(页边距，填充等)具有响应性。
我已将其设置为“如果浏览器窗口< 1300px”，则将所有度量更改为80%。这一切都很好，但我的图像没有响应，有没有办法使用jquery在我的图像上设置类似的东西，使img宽度达到其完整大小的80% (与缩放后的页面的其余部分成比例?)
浏览 0提问于2013-03-16得票数 1
回答已采纳
1回答
Flex大小和制表表(React版本)
reactjs、flexbox、tabulator
在具有给定宽度/高度的div中，我希望有一个字段占用它所需的空间，并让制表表填充其余部分(垂直)。以下代码适用于文本，但表溢出了第二个div： { title: 'index', field: 'index', width: 80, formatter: 'textarea' },
{ title: 'text', field: 'text', width: 80
浏览 1提问于2020-01-11得票数 0
回答已采纳
1回答
更改滚动行为，使其为特定的div水平滚动。
javascript、html、css
最初，该部分不在页面顶部，因此滚动页具有默认行为，该页面将垂直滚动。一旦该部分到达页面顶部，如果该部分的右侧不可见，则滚动将更改为使该部分的内容水平滚动。
我一直在尝试受或启发的不同事物，但我无法将它们与正常的垂直滚动行为结合起来。
浏览 4提问于2022-09-28得票数 0
1回答
IE8忽略垂直填充和页边距
css、internet-explorer-8
我不明白为什么在下面的页面中，从定价部分开始，IE8似乎忽略了很多垂直填充和边距：
也就是说，它忽略了定价标题上的页边距-底部，它没有对组成定价表的div应用垂直填充，而且页脚中的链接也失去了垂直填充
浏览 1提问于2014-11-07得票数 0
1回答
如何配置引导textarea元素以垂直填充父div？
html、css、twitter-bootstrap、bootstrap-4、textarea
我希望文本条目表单垂直展开，以填充它所在的<div>的可用高度，在下面的示例代码中是class="rightupper"。目前，我在textarea中使用style="height: 30vh;"的样式属性设置，它不适合/填充div，它采用垂直。水平宽度似乎很好。comments: <div class="form-group"&g
浏览 5提问于2021-04-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
