中心垂直img响应

时间:2014-07-11 12:10:31

标签: css twitter-bootstrap-3 carousel

是否有任何方法可以在不知道高度和宽度且不使用显示的情况下垂直居中重新定位img:table或position:absolute / relative?

具体问题是我正在使用bootstrap carousel,我想以不同的分辨率为中心img。所以我不能使用position属性,因为轮播有这个属性和bootstrap使用display:table,所以我不能用它。

我不知道图像的尺寸,因为PHP添加了dinamycally

我尝试放置一个具有固定高度属性的div容器,这在大屏幕上效果很好但是在较小的分辨率下这不好,因为img非常高。

我该怎么办?

1 个答案:

答案 0 :(得分:1)

尝试将以下内容添加到图像的CSS中:

margin-right:auto;
margin-left:auto;
display:block;
position:relative;