php并列居中代码,CSS如何实现每两个图片并列居中

我就是我 2023-01-14 04:51 139阅读 0赞

有一个div包裹住4个a标签，每个a标签下有一个img，请问怎么实现每两个图片并列居中？a标签中的数据是从后端读取出来的，所以没法儿做成两个div

.parent \{

margin: 20px auto;

position: relative;

float: left;

left: 50%;

\}

.parent a \{

text-align: center;

position: relative;

left: -50%;

line-height: 200px;

\}

.parent a img \{

vertical-align: -webkit-baseline-middle;

width: 15vw;

height: 22.1875vw;

\}

![u_2997512358_128380931_fm_27_gp_0.jpg][]

![caf27d34158969c353b9ccd9a90fba3b.png][]

![f15f5ec38496eed94e3bbd935f454635.png][]

![e0168471121c4faa57d7958aff76debd.png][]

尝试了把div这个父级块元素居中，margin:0 auto;但是里面的元素float:left;的时候，就4个图片全部跑到左边了

把行内元素a变为display:block;也没法儿继承父级元素的居中

尝试过把父元素line-height:500px;height:500;整个居中，但是不能影响到下面的子集元素居中

实在不知道怎么做了，求解答，谢谢！

[u_2997512358_128380931_fm_27_gp_0.jpg]: /images/20221022/2da82c234b364ce080e18d005408a513.png
[caf27d34158969c353b9ccd9a90fba3b.png]: /images/20221022/1d5e97fe556f42b2b436b41b84170862.png
[f15f5ec38496eed94e3bbd935f454635.png]: /images/20221022/f38757171fd54a289e26e47981bf5d4f.png
[e0168471121c4faa57d7958aff76debd.png]: /images/20221022/7e3a375c03b545d482acd9169241f78e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，139人围观）

还没有评论，来说两句吧...

相关阅读

相关 css实现两个div并列显示的多种方法介绍

![c4d5b7fe0c05b125fbb67f81c09d26c5.jpeg][] CSS是一种样式语言，其中,两个div并列的实现是很常见的需求，本文就来介绍一下css实

迈不过友情╰/ 2024年03月23日 00:21/ 0 赞/ 81 阅读

相关 css实现图片上下左右居中

一种常用的方式是把外层的 div 设置为 table-cell；然后让内部的元素上下左右居中。 CSS 代码如下： .content { widt

向右看齐/ 2023年07月19日 08:10/ 0 赞/ 3 阅读

相关 php并列居中代码,CSS如何实现每两个图片并列居中

有一个div包裹住4个a标签，每个a标签下有一个img，请问怎么实现每两个图片并列居中？a标签中的数据是从后端读取出来的，所以没法儿做成两个div .parent \{ m

我就是我/ 2023年01月14日 04:51/ 0 赞/ 140 阅读

相关 css实现图片上下居中显示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

我就是我/ 2022年09月22日 15:58/ 0 赞/ 207 阅读

相关如何实现CSS居中？–CSS居中常用方法

来源：[http://www.ido321.com/824.html][http_www.ido321.com_824.html] 一、水平居中 1、内联

分手后的思念是犯贱/ 2022年08月12日 16:06/ 0 赞/ 253 阅读

相关并列排名

Problem Description 上一场比赛结束后，bLue 及时保存了一份比赛的排行榜 (Ranklist)。然而昨天 bLue 打开保存的 Ranklist 一

亦凉/ 2022年07月14日 13:19/ 0 赞/ 240 阅读

相关两个div并列

div是块级元素，是独占一行的，一般情况下，两个相邻的div是不会处于一行的。（1）使用float div \{ float : lef

╰+哭是因爲堅強的太久メ/ 2022年06月08日 09:18/ 0 赞/ 225 阅读

相关 css让图片居中

css让图片居中，不管图片是方图、竖图、横图，都可以让图片在父框架下居中，即方图则占满整个父框架；横图则左右填充上下居中；竖图则左右居中上下填充 1、html如下：

不念不忘少年蓝@/ 2022年06月04日 08:28/ 0 赞/ 284 阅读

相关【VueJS】一个vue文件中如何并列两个div

问题来源 ![这里写图片描述][70] 解决方案使用一个div包裹这些div ![这里写图片描述][70 1] [70]: /images/202205

悠悠/ 2022年05月24日 14:16/ 0 赞/ 479 阅读

相关 css 如何让图片居中图片适应

前段时间做移动端开发遇到的问题，以前是没注意到css有个object-fit属性，一直对图片适应不知道何从下手。移动端基本上都是需要做图片适应处理的，比如轮播图，商品封面

小鱼儿/ 2022年02月27日 06:00/ 0 赞/ 287 阅读