时间戳

首页 > 解决方案 > html css更改某行中列的宽度

html - html css更改某行中列的宽度

问题描述

我目前有一个包含 4 个 div 的包装器，我想将其中的 3 个排成一行，而不是将第四个放在下一行和整个空间中，我正在努力获得填充其余部分的大小，我正在使用媒体标签所以我可能需要重置一些东西，这里是截图和我的代码 在此处输入图像描述

和我的代码

#wrapper{
        display: grid;
        grid-template-columns: 25% 50% 25%;
        grid-gap: 20px;
        padding-right: 1%;
        grid-auto-rows: 1fr;
    }

div的名称相同

标签： htmlcss

解决方案

grid-template-areas您可以如前所述创建一个。或者，每一行都可以是一个更大的“容器”网格中的自己的网格。基本上是网格中的网格。如果您的列间距将逐行更改，这可能会提供更大的灵活性。

请参阅此处的示例：https ://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas

推荐阅读