CSS中的相等列宽,容器仅与子容器一样宽';s组合宽度

CSS中的相等列宽,容器仅与子容器一样宽';s组合宽度,css,css-grid,Css,Css Grid,基本上,我的问题是,除了每个答案似乎都认为OP希望容器.row元素有效地增加宽度:100%(他们从未声明他们想要,但也没有纠正任何答案的假设)。也似乎是类似的,如果不是相同的,作为我的,但没有接受的答案和投票的答案不适合我 我试图在一行中实现同级元素,其中每个同级元素的宽度是最宽同级元素的宽度(自动适应其内容),但关键是父行元素本身不会增长到其自身父行的100%,而是只增长到其子行的总合并宽度 我尝试了几十个建议,但都没有成功。以下是我认为最接近的: 。全幅横幅{ 宽度:100%; 背景色:#

基本上,我的问题是,除了每个答案似乎都认为OP希望容器
.row
元素有效地增加
宽度:100%
(他们从未声明他们想要,但也没有纠正任何答案的假设)。也似乎是类似的,如果不是相同的,作为我的,但没有接受的答案和投票的答案不适合我

我试图在一行中实现同级元素,其中每个同级元素的宽度是最宽同级元素的宽度(自动适应其内容),但关键是父行元素本身不会增长到其自身父行的100%,而是只增长到其子行的总合并宽度

我尝试了几十个建议,但都没有成功。以下是我认为最接近的:

。全幅横幅{
宽度:100%;
背景色:#aaa;
填充物:5px;
边缘底部:5px;
}
.一周中的几天{
显示:网格;
网格自动列:最大内容;
}
.项目{
填充:2px;
边框:1px实心#ccc;
}

你好!
星期一
星期二
星期三
星期四
星期五
星期六
星期日

您需要执行以下操作:

。全幅横幅{
背景色:#aaa;
填充物:5px;
边缘底部:5px;
}
.一周中的几天{
显示:内联栅格;/*内联栅格*/
网格自动列:1fr;/*所有列的大小相同*/
网格自动流:列;/*列流*/
}
.项目{
填充:2px;
边框:1px实心#ccc;
}

你好!
星期一
星期二
星期三
星期四
星期五
星期六
星期日

如果我理解得很好,您希望您的网格模板列适合您最大的孩子吗?