小部件宽度:50%+ 50%> 100%?

时间:2012-08-24 15:54:01

标签: gwt google-apps-script

我正在使用 Google Apps脚本 Apps Script UI Builder ,它基于 GWT 小部件。

如果我创建 Flow Panel ,并添加两个宽度为50%的标签,则这些标签会显示在不同的行上。但不是50%+ 50%= 100%。

  

如何让它们出现在同一条线上?

自己尝试一下:

  1. 打开Goog​​le电子表格。

  2. 在电子表格菜单中,点击:工具/脚本编辑器...

  3. 在“脚本编辑器”菜单中,单击:文件/构建用户界面...

  4. 将小部件添加到画布。

  5. 当然,这个问题并不仅仅适用于标签的问题。总的来说,我对如何使用 UI Builder 构建流动布局感到困惑。似乎(隐藏?)填充和边距使事情变得非常困难。

3 个答案:

答案 0 :(得分:2)

这一切都基于CSS及其盒子模型,而且这个问题在过去的15年左右积累了。本质上,您指定的宽度不考虑边距(和/或可能的填充,它已经有一段时间了),因此您需要添加一个最小化它们的样式。看到类似CSS reset的内容。

答案 1 :(得分:0)

Label s转换为<div> s,默认显示在不同的行上。您可以尝试将float: left添加到标签,或更改显示模式等。

您也可以尝试InlineLabel,我认为这会编译为<span>

如果你已经尝试过所有这些,那么你的Label显然太宽了。令人讨厌的是,两个50%的对象不适合同一行,但是使用HTML和CSS并不烦人?

答案 2 :(得分:0)

解决方案很简单。对于两个标签,设置为

边框和边距/边距

不知道为什么我昨天没有看到 - 我正在做夜班......; - )