如何在 webos-enyo 中指定按钮大小？
在滚动条内部，我想要一个垂直的按钮列表（例如，x、y、z），每个按钮后有 5 个字段。当按下按钮时，我希望其中一个字段从关闭切换到打开。
{X}[0][0][0][0][0]
{Y}[1][0][0][0][0]
{Z}[1][1][1][1][0]
如何设置按钮 (X,Y,Z) 的大小，以便在同一行上可以有多个元素？
当前按钮代码，取自 enyo 教程：
{kind: "Button", title: "X", onclick: "buttonClick", className: "enyo-button-dark"}
Inside of a scroller, I want a vertical list of buttons (e.g., x,y,z) with 5 fields after each button. When a button is pressed, I want one of the fields to toggle from off to on.
{X}[0][0][0][0][0]
{Y}[1][0][0][0][0]
{Z}[1][1][1][1][0]
How do I set the size of the buttons (X,Y,Z) so I can have multiple elements on the same line?
Current button code, taken from enyo tutorial:
{kind: "Button", caption: "X", onclick: "buttonClick", className: "enyo-button-dark"}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
马丁的回答是正确的。将所有内容安排在 HFlexBox 内并使用 Flex。也就是说，如果您希望按钮的宽度随着容器的宽度而增长。或者，您可以使用 CSS 将样式应用到按钮。例如：
或者向按钮添加一个类并以这种方式应用样式。
Martin's answer is correct. Arrange everything inside an HFlexBox and use Flex. That is, if you want the width of the button to grow with the width of the container. Alternately, you can apply a style to the button using CSS. e.g.:
or add a class to the button and apply styling that way.
要保持按钮固定大小，但允许其他元素填充剩余空间，请显式设置按钮的宽度，并使用 flex 值设置其他元素的宽度。
这样，按钮将永远不会调整大小，但其他列将始终均匀地填充剩余空间。
To keep the buttons a fixed size, but allow the other elements to fill the remaining space, set the width of the button explicitly, and the width of the other elements with flex values.
In this way, the buttons won't ever resize, but the other columns will always evenly fill the remaining space.