Html 如何将旋转木马放在中心

嗨，我正在用HTML工作，现在我只是在我的HTML项目中添加了一个旋转木马项目，我的问题是，你怎么能在页面中间显示旋转木马，因为它出现在左边。

编辑：这里是卡鲁塞尔代码

<div class="box-body">
          <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
              <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
              <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
              <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>

            </ol>
            <div class="carousel-inner">
              <div class="item">
                <img src="http://cdn3.pcadvisor.co.uk/cmsdata/features/3420161/Android_800_thumb800.jpg" alt="First slide">
                <div class="carousel-caption">
                  <h4>ANDROID</h4>
                </div>
              </div>
              <div class="item">
                <img src="http://www.channelbiz.es/wp-content/uploads/2014/03/ios-7-1-hs-increasecontrast.jpg" alt="Second slide">
                <div class="carousel-caption">
                  <h4>IOS</h4>
                </div>
              </div>
              <div class="item active">
                <img src="http://www.baquia.com/wp-content/uploads/2015/11/pc-con-windows-7.jpg" alt="Third slide">
                <div class="carousel-caption">
                  <h4>WINDOWS</h4>
                </div>
              </div>
            </div>
            <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
              <span class="fa fa-angle-left"></span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
              <span class="fa fa-angle-right"></span>
            </a>
          </div>
        </div>

安卓
国际标准化组织
窗户

您应该能够简单地添加一个左边距：X%；（更改X到你想要的）到你的CSS并把它放在页面的中间。

你应该能够简单地增加左边的余量：X%；（改变X到你想要的）到你的CSS并把它放在页面的中间。

< P>我知道这只是猜测，但合理的解决方案包括：

• 如果是

  位置：相对元素：将包含旋转木马的元素设置为
  显示：块并给它
  边距：0自动。这将使它的顶部和底部边距为0，其左右边距为自动的，因此你可以把它看作是横向边沿互相搏斗，这样你的元素就在中间。
  

• 如果是

  位置：绝对元素：给它以下CSS：
  

---

---

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

我知道这只是一个猜测，但可行的解决方案包括：

• 如果是

  位置：相对元素：将包含旋转木马的元素设置为
  显示：块并给它
  边距：0自动。这将使它的顶部和底部边距为0，其左右边距为自动的，因此你可以把它看作是横向边沿互相搏斗，这样你的元素就在中间。
  

• 如果是

  位置：绝对元素：给它以下CSS：
  

---

---

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

我假设它是一个div标记，因此这里有一个jsfiddle，它的中心对齐一个div标记

<div class="center-div"></div>

body
{
  background-color: #fcfcfc;
}
.center-div
{
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

身体
{
背景色：#fcfc；
}
.中央分区
{
位置：绝对位置；
保证金：自动；
排名：0；
右：0；
底部：0；
左：0；
宽度：100px；
高度：100px；
}

---

我假设它是一个div标记，所以这里有一个jsfiddle，它的中心对齐一个div标记

<div class="center-div"></div>

body
{
  background-color: #fcfcfc;
}
.center-div
{
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

身体
{
背景色：#fcfc；
}
.中央分区
{
位置：绝对位置；
保证金：自动；
排名：0；
右：0；
底部：0；
左：0；
宽度：100px；
高度：100px；
}

尝试以下操作：

.box-body {
   margin: 0 auto;
}

请尝试以下操作：

.box-body {
   margin: 0 auto;
}

---

您可以提供您的代码吗？您可以将您的旋转木马放在一个div中，并在其上执行一些css以使其与中心对齐，或者您可以使用

tag@Lakshya

标签在HTML5中被弃用。是的，对，他要求同时使用HTML和HTML5，所以这是为了特殊目的HTML@Maihan添加了传送带代码。请提供您的代码好吗？您可以将您的旋转木马放在一个div中，并在其上执行一些css以使其与中心对齐，或者您可以使用

tag@Lakshya

标签在HTML5中被弃用。是的，对，他要求同时使用HTML和HTML5，所以这是为了特殊目的HTML@Maihan添加了旋转木马代码。谢谢，刚刚尝试过，但它只会使旋转木马更大，我没有在线预览，因为我使用的是本地主机。@JoséCarlosloarchass指定

.box body

的宽度。谢谢，刚刚尝试过，但它只会使旋转木马更大，我没有联机预览，因为我使用的是本地主机。@JoséCarlosloarchass指定

.body

的宽度。这不会使元素居中，或者至少不会产生响应。这不会使元素居中，或者至少不会产生响应。