如何将Carousel置于中心位置

时间:2016-01-16 01:54:48

标签: html html5 carousel

Screenshot of Carousel

大家好,我正在使用HTML,现在我只是在我的html项目中添加了一个轮播项目,我的问题是如何在页面中间显示轮播,因为它出现在左侧。

编辑:继承人卡鲁塞尔代码

testField-inputEl:0

4 个答案:

答案 0 :(得分:2)

我知道这只是猜测,但合理的解决方案包括:

  • 如果它是position:relative;元素:将包含您的轮播的元素设置为display:block;并将其设为margin:0 auto;。这将使其顶部和底部边距为0并且其左右边距自动化,因此您可以将其视为横向边距相互冲突,以便您的元素最终位于中间。

  • 如果它是position:absolute;元素:,请为其提供以下CSS:

position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;

如果需要,我会在您提供更多代码时更新答案。

答案 1 :(得分:1)

你应该能够简单地向你的css添加一个margin-left:X%;(将X改为你想要的多少)并将它放在页面的中间。

答案 2 :(得分:0)

我假设它是一个div标签,所以这是一个中心对齐div标签的jsfiddle

php artisan route:list

https://jsfiddle.net/McDTommy/ctev6aLv/

答案 3 :(得分:0)

尝试以下方法:

.box-body {
   margin: 0 auto;
}