Flex 网格自动宽度

发布于 2024-11-10 09:40:35 字数 284 浏览 4 评论 0原文

我在网格行中有三个网格项。 两个具有固定宽度。我怎样才能自动使第三个比例最大化网格?

我想要与 html 相同的功能:

<table width="100%">
<tr><td width=50></td>
<td>this scales</td>
</td><td width=50></td></tr></table>

问候 安德斯

I have three griditems in a grid row.
Two with fixed width. How can i make the third scale automatically to maximize the grid?

I'd like the same functionality as html:

<table width="100%">
<tr><td width=50></td>
<td>this scales</td>
</td><td width=50></td></tr></table>

Regards
Anders

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

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

发布评论

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

评论(1

看轻我的陪伴 2024-11-17 09:40:35

我认为这段代码片段可以帮助你:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application layout="absolute" xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Grid bottom="0" left="0" right="0" top="0">
        <mx:GridRow width="100%">
            <mx:GridItem width="50">
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem width="50">
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem width="100%">
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem width="50">
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
        </mx:GridRow>
        <mx:GridRow width="100%">
            <mx:GridItem>
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
        </mx:GridRow>
    </mx:Grid>
</mx:Application>

I think this code snippet can help you:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application layout="absolute" xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Grid bottom="0" left="0" right="0" top="0">
        <mx:GridRow width="100%">
            <mx:GridItem width="50">
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem width="50">
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem width="100%">
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem width="50">
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
        </mx:GridRow>
        <mx:GridRow width="100%">
            <mx:GridItem>
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
        </mx:GridRow>
    </mx:Grid>
</mx:Application>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文