Javascript Fancybox-设置宽度而不拉伸图像

Javascript Fancybox-设置宽度而不拉伸图像,javascript,css,fancybox,Javascript,Css,Fancybox,我有一个图库,里面有图片和描述文字 有些图像短而宽,显示效果很好,但高而窄的图像都显示与下面图像相同宽度的文本。像这样: 我希望能够将整个盒子的最小宽度设置为800px,但不希望图像尝试拉伸到这个尺寸。图像必须保持相同的大小,并在中间浮动。 使用minWidth/Width/Height all无法正确显示此信息,并且所有这些选项都关注图像大小,而不是框大小 目前我能想到的唯一解决办法是在狭窄的图像上添加空白 您是否尝试过width=“100%”或min width=“100%”尝试过以下操作

我有一个图库,里面有图片和描述文字

有些图像短而宽,显示效果很好,但高而窄的图像都显示与下面图像相同宽度的文本。像这样:

我希望能够将整个盒子的最小宽度设置为800px,但不希望图像尝试拉伸到这个尺寸。图像必须保持相同的大小,并在中间浮动。 使用minWidth/Width/Height all无法正确显示此信息,并且所有这些选项都关注图像大小,而不是框大小


目前我能想到的唯一解决办法是在狭窄的图像上添加空白

您是否尝试过width=“100%”或min width=“100%”尝试过以下操作:.fancybox图像{margin:0 auto!important;}.fancybox外观{min width:800px;}但图像位于左侧,框不再位于页面中央