发现我的错误边缘:50px auto;

时间:2013-03-06 23:56:41

标签: css layout centering

你好我需要把img放在那个div上..我不能...... :(

我使用保证金:Xpx auto;用相对定义的,显示:块,还有什么?

的CSS。

  .items div {
      float:left;
      width:380px;
  }

  /* single scrollable item */
  .scrollable img {
      float:left;
      position:relative;
      margin:50px auto;
      margin-bottom:0px;
      padding:2px;
      border:0px solid #ccc;
      max-width:335px;
      display:block;
      width:auto;
  }

HTML

 <div class="scrollable" id="navigator">
   <div class="items">

    <!-- 1 -->
    <div>
      <img src="images/design/balanza.jpg"  />
      <br clear="left"  />
      <p class="galdescr">Caperucita y la Abuela<br />
Raúl Caudillo<br />
Oil, acrilic, colored pencil and graphite on paper<br />
2010</p>
    </div>

    </div>

  </div>

2 个答案:

答案 0 :(得分:2)

你无法真正集中浮动的东西。它要么向左或向右浮动。

答案 1 :(得分:0)

您可以尝试将其更改为内联块而不是阻止。 或者你使用静态值作为宽度(即width而不是max-width),你可以将margin-left设置为将其居中的东西