GWT 小部件位于底部,不知道高度/大小

发布于 2024-12-09 12:05:16 字数 272 浏览 0 评论 0原文

我想要两个小部件堆叠起来

X

Y

我希望 Y 占据所需的高度(其静态大小,大约 50 像素,具体取决于浏览器字体等)并保持固定在屏幕底部,并且X 占据剩余的垂直空间。

X 恰好是一个带有 VerticalPanel 的滚动面板,Y 是一个 Grid,我尝试将它们放入各种容器中,但它们似乎都想要 Y 的大小(即 DockLayoutPanel 和 LayoutPanel)。如果我指定 Y 的大小,它最终会在一个浏览器或另一个浏览器的底部出现空白。有什么建议吗?

I want to have a two widgets to stack up

X

Y

I want Y to take up as much height as it needs (its static in size, roughly 50px depending on browser font, etc) and remain affixed to the bottom of the screen, and X to take the rest of the vertical space.

X happens to be a scrollpanel with VerticalPanel and more inside, Y is a Grid and I've tried putting them in various containers, but they all seem to want a size for Y (ie. DockLayoutPanel & LayoutPanel). If I specify a size for Y it ends up with white space at the bottom on one browser or another. Any advice?

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

巷子口的你 2024-12-16 12:05:16

这在 HTML/CSS 中是不可能的。如果您绝对无法提前知道 Y 的高度,解决方法是:

  • 将此小部件附加到屏幕外的某个位置
  • 使用 yWidget.getOffsetHeight() 测量它的高度
  • 删除它
  • 将其添加到您的 LayoutPanel 并设置“底部”坐标为 0,'height' 为测量的高度。

It's just not possible in HTML/CSS. If you absolutely cannot know the height of Y in advance, the way around it would be to:

  • Attach this widget somewhere off-screen
  • Measure it's height using yWidget.getOffsetHeight()
  • Remove it
  • Add it to your LayoutPanel and setting the 'bottom' coordinate to 0 and 'height' to the measured height.
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文