文章/答案/技术大牛

发布

社区首页 >问答首页 >按钮自动宽度每个内容，但按步骤对齐页网格

问按钮自动宽度每个内容，但按步骤对齐页网格
EN

Stack Overflow用户

提问于 2018-06-20 09:50:02

回答 1查看 273关注 0票数 0

我想实现页面网格相关的宽度按钮，使他们有准自动宽度取决于内容，但与一定的宽度步骤，按钮宽度总是采取N个页面网格列数。当按钮内容变得太宽以至于无法在单个网格列中呈现按钮时，它将变成2列宽(如果需要的话甚至更宽).

此图像显示了如何根据网格调整按钮大小的示例：

第一行显示超过单列宽度(实际上超过两列)的第二个按钮，因此应该跨越页网格中的3列。第二行显示的按钮大小正确，因此它需要3整页网格列。

如何使用CSS (如果有的话)来完成？

注意:我知道可以使用Javascript实现这一点，但是如果可能的话，我正在寻找一个只使用CSS的解决方案，可以使用、网格或CSS3提供的任何其他布局。

发布于 2018-06-20 11:11:10

可以使用CSS3属性“自动填充”和“自动安装”。见以下链接

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50945228

复制

相似问题

问按钮自动宽度每个内容，但按步骤对齐页网格EN