Css 元素宽度与最宽的子元素宽度相同，并排而不占全宽
我试着对相邻的两个按钮进行编程。它们应该具有相同的宽度/较小的元素应该具有最大子元素的宽度。它们必须尽可能灵活地包装。（响应性） 我尝试了对父元素使用Css 元素宽度与最宽的子元素宽度相同，并排而不占全宽,css,flexbox,Css,Flexbox,我试着对相邻的两个按钮进行编程。它们应该具有相同的宽度/较小的元素应该具有最大子元素的宽度。它们必须尽可能灵活地包装。（响应性） 我尝试了对父元素使用display:inline block，但显然，这只适用于彼此相邻的元素（而不是并排）。我还尝试过使用display:inline flex和flex direction，但最终我得到的元素不是并排的。 使用display:grid非常简单，但我无法使其灵活且响应迅速 由于这个问题非常具体（我想），我做了一个代码笔： 。按钮{ 显示器：flex
display:inline blockdisplay:inline flexflex direction使用
display:grid。按钮{
显示器：flex；
柔性包装：包装；
证明内容：中心；
}
.按钮网格{
显示：网格；
网格间距：0.5雷姆；
网格模板柱：1fr 1fr；
左边距：自动；
右边距：自动；
宽度：-网络工具包最大内容；
宽度：-moz最大含量；
宽度：最大含量；
边缘顶部：4rem；
}
.按钮a{
对齐项目：居中；
背景色：#ffcf2f；
边界半径：80px；
颜色：#fff；
光标：指针；
显示器：flex；
证明内容：中心；
填充物：1.375雷姆2.75雷姆；
文本转换：大写；
过渡：背景色0.4s立方贝塞尔（0.25,0.8,0.25,1）；
}
@媒体（悬停：悬停）{
.按钮a：悬停{
背景色：#0562af；
}
}
.按钮a svg{
填充：当前颜色；
高度：1公厘；
保证金权利：0.375雷姆；
宽度：1em；
}
.场地宽度{
左边距：自动；
右边距：自动；
最大宽度：80rem；
填充：2rem 3.125rem；
}
a{
颜色：当前颜色；
光标：指针；
文字装饰：无；
过渡：颜色0.4s立方贝塞尔（0.25,0.8,0.25,1）；
}
html{
字体系列：无衬线；
字体大小：16px；
字体大小：400；
}