gpt4 book ai didi

CSS 表格无法正确对齐图像

转载 作者:行者123 更新时间:2023-11-28 12:54:29 24 4
gpt4 key购买 nike

我正在使用 CSS 表格创建响应式布局并水平对齐图像。当我调整屏幕大小时,所有图像都会水平调整大小。

但问题是右侧的图像永远不会自行对齐,如果您看一下我的笔: http://codepen.io/vincentccw/full/IlHfj/

很明显,您仍然可以在右上角的图像上看到一条非常细的红线,更糟糕的是,如果我慢慢调整它们的大小,整个图像就会开始摇晃。

有解决办法吗?

最佳答案

您的图像没有对齐,因为即使您为单元格设置了相同的宽度,但由于表格的呈现方式(以及您使用的小数位数),您的右侧单元格比左侧单元格略薄该图像稍短(导致红线)

您可以将 vertical-align:top 添加到您的单元格(以停止摆动)或通过删除宽度来确保左右单元格的宽度相同中间栏:http://codepen.io/anon/pen/pzrvc

关于CSS 表格无法正确对齐图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22835459/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com