Html 如何使用图像链接更改每行的flex项目数？

我想更改行中flex项的数量，但在本例中，flex项是图像链接。因此，我在锚定标记中嵌套了

标记

下面是我对该项目的

HTML

和

CSS

：

*{
框大小：边框框；
}
.集装箱{
显示器：flex；
弯曲方向：立柱；
保证金：0自动；
填充：10px；
}
输入[type=“search”]{
高度：40px；
宽度：80%；
保证金：30像素自动；
边框：1px红色实心；
}
.图像容器{
显示器：flex；
对正内容：空间均匀；
柔性包装：包装；
边框：1px红色实心；
}
a{
弹性：25%；
边框：1px红色实心；
}

---

在代码中添加了以下

css

：

.images-container img {
  width: 100%;
}

.images-container>a {
  flex: calc(100% / 3);
}

您可以通过更改

.images container>a

中的

flex

属性来调整每行的图像数

下面是使用新添加的css的工作代码段

*{
框大小：边框框；
}
.集装箱{
显示器：flex；
弯曲方向：立柱；
保证金：0自动；
填充：10px；
}
输入[type=“search”]{
高度：40px；
宽度：80%；
保证金：30像素自动；
边框：1px红色实心；
}
.图像容器{
显示器：flex；
对正内容：空间均匀；
柔性包装：包装；
边框：1px红色实心；
}
a{
弹性：25%；
边框：1px红色实心；
}
.图像容器img{
宽度：100%；
}
.images container>a{
弹性：计算（100%/3）；
}

---

在代码中添加了以下

css

：

.images-container img {
  width: 100%;
}

.images-container>a {
  flex: calc(100% / 3);
}

您可以通过更改

.images container>a

中的

flex

属性来调整每行的图像数

下面是使用新添加的css的工作代码段

*{
框大小：边框框；
}
.集装箱{
显示器：flex；
弯曲方向：立柱；
保证金：0自动；
填充：10px；
}
输入[type=“search”]{
高度：40px；
宽度：80%；
保证金：30像素自动；
边框：1px红色实心；
}
.图像容器{
显示器：flex；
对正内容：空间均匀；
柔性包装：包装；
边框：1px红色实心；
}
a{
弹性：25%；
边框：1px红色实心；
}
.图像容器img{
宽度：100%；
}
.images container>a{
弹性：计算（100%/3）；
}

---

我想你要找的是CSS网格：

*{
框大小：边框框；
}
输入[type=“search”]{
高度：40px；
宽度：80%；
保证金：30像素自动；
边框：1px红色实心；
}
.网格容器{
显示：网格；
网格模板列：自动；
填充：10px；
}
.表格项目{
背景色：rgba（255、255、255、0.8）；
边框：1px红色实心；
填充：20px；
字体大小：30px；
文本对齐：居中；
}

---

我想你要找的是CSS网格：

*{
框大小：边框框；
}
输入[type=“search”]{
高度：40px；
宽度：80%；
保证金：30像素自动；
边框：1px红色实心；
}
.网格容器{
显示：网格；
网格模板列：自动；
填充：10px；
}
.表格项目{
背景色：rgba（255、255、255、0.8）；
边框：1px红色实心；
填充：20px；
字体大小：30px；
文本对齐：居中；
}

我真的不知道你的问题是什么。或者你有不止一个问题？你能再贴一张你的结果的带注释的截图吗？我是说图片链接中有空格。因此，在锚定标记中，图像右侧有空间。我如何删除它？我希望锚定标记只占据内容的宽度，而不添加额外的空间。您的模型确实显示了图像之间的空间，不是吗？是的，但我希望自己设置该空间，而不是锚定标记提供空间。使用

对象适配

？请参阅，并在添加页边距后查看。。。（对于每行n个flex项，您可以在此处看到一个示例：）我不知道您的问题是什么。或者你有不止一个问题？你能再贴一张你的结果的带注释的截图吗？我是说图片链接中有空格。因此，在锚定标记中，图像右侧有空间。我如何删除它？我希望锚定标记只占据内容的宽度，而不添加额外的空间。您的模型确实显示了图像之间的空间，不是吗？是的，但我希望自己设置该空间，而不是锚定标记提供空间。使用

对象适配

？请参阅，并在添加页边距后查看。。。（对于每行n个flex项目，您可以在这里看到一个示例：）哦，是的，我尝试了这个，但我不希望图像比导入它们时的图像更大。因此，我希望锚定标记调整到图像的大小。我该怎么做呢？哦，是的，我试过了，但我不想让图像比我导入它们时的图像更大。因此，我希望锚定标记调整到图像的大小。我该怎么做？