我正在使用 Google Apps脚本和 Apps Script UI Builder ,它基于 GWT 小部件。
如果我创建 Flow Panel ,并添加两个宽度为50%的标签,则这些标签会显示在不同的行上。但不是50%+ 50%= 100%。
如何让它们出现在同一条线上?
自己尝试一下:
打开Google电子表格。
在电子表格菜单中,点击:工具/脚本编辑器...
在“脚本编辑器”菜单中,单击:文件/构建用户界面...
将小部件添加到画布。
当然,这个问题并不仅仅适用于标签的问题。总的来说,我对如何使用 UI Builder 构建流动布局感到困惑。似乎(隐藏?)填充和边距使事情变得非常困难。
答案 0 :(得分:2)
这一切都基于CSS及其盒子模型,而且这个问题在过去的15年左右积累了。本质上,您指定的宽度不考虑边距(和/或可能的填充,它已经有一段时间了),因此您需要添加一个最小化它们的样式。看到类似CSS reset的内容。
答案 1 :(得分:0)
Label
s转换为<div>
s,默认显示在不同的行上。您可以尝试将float: left
添加到标签,或更改显示模式等。
您也可以尝试InlineLabel
,我认为这会编译为<span>
。
如果你已经尝试过所有这些,那么你的Label
显然太宽了。令人讨厌的是,两个50%的对象不适合同一行,但是使用HTML和CSS并不烦人?
答案 2 :(得分:0)
解决方案很简单。对于两个标签,设置为零:
边框和边距/边距
不知道为什么我昨天没有看到 - 我正在做夜班......; - )