图片横向排列并且保持截取图片中间不变形的CSS方法

欧阳锋 · 发表于 2020-6-3 13:31:06

调用图片的时候一般图片大小不一致造成图片横排变形，比如：

完全变形了，那么进行代码样式优化后的效果为（取图片中间，你也可以改动代码从图片顶部截取）：

整理代码如下：

HTML部分
<li> <a href="1.jpg" title="测试" alt="测试"><dt><img src="1.jpg" title="测试" alt="测试"></dt></a> </li>
<li> <a href="1.jpg" title="测试" alt="测试"><dt><img src="1.jpg" title="测试" alt="测试"></dt></a> </li>
<li> <a href="1.jpg" title="测试" alt="测试"><dt><img src="1.jpg" title="测试" alt="测试"></dt></a> </li>
<li> <a href="1.jpg" title="测试" alt="测试"><dt><img src="1.jpg" title="测试" alt="测试"></dt></a> </li>

复制代码

复制代码

		自动登录	找回密码
密码			会员注册

[帝国教程] 图片横向排列并且保持截取图片中间不变形的CSS方法