小编Flj*_*l0p的帖子

HTML - Bootstrap - 如何裁剪图像的中心部分

我正在创建一个网站,我想根据图像的方向将图像裁剪为方形图像.我对CSS并不熟悉,所以我不确定如何解决这个问题.

如果它是风景图像(800x500),那么我希望裁剪的图像像这样(500x500):

裁剪800x500图像

如果它是肖像(400x600),那么它应该裁剪掉这部分图像(400x400):

裁剪400x600图像

我该如何实现这一目标?最好是一种方法,我可以与Bootstrap的"img-responsive"一起使用,这样我就可以在需要时调整裁剪的大小.

谢谢,

html css image crop twitter-bootstrap-3

10
推荐指数
1
解决办法
3万
查看次数

标签 统计

crop ×1

css ×1

html ×1

image ×1

twitter-bootstrap-3 ×1