2016-11-30 89 views
-1

我使用的确切代码是bootstrap carousel collection在JQuery选项卡滑块上更改图像大小

但我的图像比指定的1200x440小。我怎样才能让图片居中?

我试图添加一个内联style="display:block"并创建一个类并调整样式表,但似乎没有任何工作。集中缩小的图像的正确方法是什么?我不想调整大小?

+3

添加你写的代码演示了这个问题... – Dekel

+0

这是字面上完全相同的代码,但我将图像源切换到另一个图像。 我试过的是添加style =“width:80%; height:60%; display:block;”和class =“img”,并为.img {display:block} – sandboxj

+0

添加了样式表格式,因此可以创建一个带有相关图像的jsfiddle/snippet,以便我们看到问题所在。 – Dekel

回答

1

搜索CSS选择 “.carousel-内> .item> IMG,.carousel-内> .item> A> IMG”,并增加了以下声明:

margin: 0 auto; 
+0

谢谢,这对我有用。如果您有时间,请向我解释为什么'display:block'不会自动将img放在中间位置,而是必须调整边距?对不起,我仍然是web开发的初学者。 – sandboxj

0

股利类“项目“应该有以下样式:

- 请注意,这是唯一的,如果你想在div有固定的尺寸在旋转木马的所有图片 -

height: 400px; 
width: 1200px; 

和IMG应该有:

margin: auto;