Question

抱歉琐碎的问题 - 我有一个HTML代码：

<div id="logocontainer">
<div class="liquid-slider" id="slider-1">
    <div>
      <img src="img/s.jpg" alt="a" id="stand-one" />
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.</p>
    </div>
    <div>
    </div>

我无法将此div放在我的网页上的中心（水平对齐）上。我有一些现有的CSS（因为我使用的是java脚本的液体滑块），它在我的fiddle中可见。我试着添加

margin-left:auto;
margin-right:auto;

到这里：

.liquid-slider {
  background: #f2f2f2;
  width: 900px;
  float: left;
  overflow: hidden;
}

但那不起作用..你可以帮帮我吗？谢谢！

Answer 1

您希望使用margin: auto居中，并且您拥有float: left;。

删除float，添加margin: auto。应该就是你需要做的一切。

.liquid-slider { 
    background: #f2f2f2;
    width: 900px;
    margin: auto;
    overflow: hidden;
}

http://jsfiddle.net/26zq8rt2/1/

我无法将div与我的网页中心对齐

1 个答案: