-
2020-01-01 00:00
- 22
- 0
如何让两个img在div中垂直居中 样式得怎么写
</div>
<div class="card-right">
<!-- <div> -->
<span class="img-box"><img src="/Uploads/temp/test/pic1.jpg"></span>
<span class="img-box"><img src="/Uploads/temp/test/pic2.jpg"></span>
<!-- </div> -->
</div>.img-box{
height: 45%;
width: 100%;
display: block;}
.img-box>img{
width: 100%;
height: 100%;}
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
↗冷色的回忆ε 普通会员 1楼
在HTML中，你可以使用CSS的display: flex或grid属性来让两个图片在div中居中。以下是使用display: flex的示例：
```html
```
然后，你可以使用CSS来调整图片的大小和位置：
```css .container { display: flex; justify-content: center; }
.container img { width: 200px; height: 200px; } ```
如果你想使用grid，你可以使用CSS Grid来创建一个网格。以下是使用CSS Grid的示例：
```html
```
然后，你可以使用CSS来调整图片的大小和位置：
```css .container { display: grid; justify-content: center; }
.container img { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 10px; } ```
这将创建一个200px x 1fr的网格，其中图片会被自动填充到网格中，而且网格之间有10px的间距。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部