gpt4 book ai didi

gwt - 使用 layoutpanel 系统在 GWT 中居中面板

转载 作者:行者123 更新时间:2023-12-04 14:16:01 25 4
gpt4 key购买 nike

在 GWT 开发者网站上,有一个显示位于页面中间的面板的示例。是否可以使用 GWT 布局面板在页面中间固定面板?

http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html#LayoutPanels

最佳答案

使用自动 CSS 布局(不需要 JavaScript),有一个很好的老式 CSS 技巧可以使 固定大小绝对 框居中:

  • 首先使用 top: 50%; 使框的左上角居中;左:50%;
    当然,盒子离底部/现在太远了。
  • 然后使用边距减去框高度/宽度的一半。 (它是固定尺寸的,所以你可以用笔和纸计算“高度/宽度的一半”:-)

例子:

<!doctype html>

<html>
<head>

<style type="text/css">
.box {
position: absolute;
background-color: red;
height: 300px; width: 400px; /* Using "px" here, but you */
/* can also use "em" etc. */
top: 50%; left: 50%;
margin-top: -150px; margin-left: -200px;
}
</style>

</head>

<body>
<div class="box">Box</div>
</body>
</html>

将此样式应用到您的 LayoutPanel - 我没有完整的代码示例,但我认为它应该是可行的。

关于gwt - 使用 layoutpanel 系统在 GWT 中居中面板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5721817/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com