2

您好，我需要将 img 放在该 div 的中心。我不能.. :(

我使用边距：Xpx 自动；用相对定义，显示：块，还有什么？

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>
4

2 回答 2

2

You can't really center something that is floated. It is either floated to the left or the right.

于 2013-03-06T23:58:29.267 回答
0

您可以尝试将其更改为 inline-block 而不是块。或者您使用宽度的静态值（即width代替max-width），您可以设置margin-left为使其居中的东西

于 2013-03-07T00:06:18.473 回答