在柔性箱定位方面需要帮助
在柔性箱定位方面需要帮助
提问于 2022-10-12 10:53:29
我需要在某种程度上帮助柔性盒的定位，我知道如何做最基本的东西，但我不知道如何按一定的顺序和位置来制作它们。
我已经具备了基本知识，但我希望有一个柔性盒，在每个屏幕站点上有6个按钮，在每个站点下面还有另外6个按钮，就像下面的屏幕截图(请看我疯狂的图形技巧)。
它不需要是我的代码，所以我希望如果我没有发布任何代码，我希望它不坏，我只是希望有人能解释我如何让这个柔性盒布局工作，或者如果有人甚至可以给我一个例子，这是非常好的。提前感谢！
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-10-12 12:04:55
首先，您使用了flexbox的文档吗？
那你就需要用在每件事上
.style {
display:flex;
flex-direction:row;
justify-content:space-between;
}然后，将所有的按钮嵌套在几个嵌套中。
举个例子，一个按钮组：
<div class="style">
<div class="style">
<button></button>
<button></button>
<button></button>
</div>
<div class="style">
<button></button>
<button></button>
<button></button>
</div>
</div>然后将其应用于其余的1：https://css-tricks.com/snippets/css/a-guide-to-flexbox/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74040662
复制相关文章
相似问题
腾讯云开发者
