当前位置：文江博客话题详情

hbox 应该始终位于底部

发布于 2024-12-20 15:29:41 字数 105 浏览 4 评论 0原文

我开发了一个带有弹出面板的 Firefox 插件。在面板上我有三个带有水平盒的元素。第一个和第二个水平盒具有固定大小（20 像素和 400 像素）。最后一个元素应始终位于底部并被拉伸。我该怎么做？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

浪荡不羁 2024-12-27 15:29:41

不太确定您想要实现什么，但您可以使用 flex="1" 来确保元素用完所有剩余空间，并使用 align="end" 来对齐其内容到底部：

<vbox flex="1">
  <hbox height="20" style="border: 2px solid red;"><label value="1"/></hbox>
  <hbox height="400" style="border: 2px solid green;"><label value="2"/></hbox>
  <hbox flex="1" align="end" style="border: 2px solid blue;"><label value="3"/></hbox>
</vbox>

Not quite sure what you want to achieve but you can use flex="1" to make sure the element uses up all remaining space and align="end" to align its contents to the bottom:

<vbox flex="1">
  <hbox height="20" style="border: 2px solid red;"><label value="1"/></hbox>
  <hbox height="400" style="border: 2px solid green;"><label value="2"/></hbox>
  <hbox flex="1" align="end" style="border: 2px solid blue;"><label value="3"/></hbox>
</vbox>

回复收藏 0 原文

~没有更多了~