Question

我需要对齐图像和引导转盘的标题

我使用php代码从数据集中显示随机图像

这是我用来保持宽高比：

<div class="item">';
        while ($resultados = $arte->fetch_assoc()) {
            $title = utf8_encode($resultados['titulo']);
          $id = $resultados['medidas'];
          $tec = utf8_encode($resultados['tecnica']);
          $img = $resultados['imagen'];
          $home .= '  <img src="'.$img.'" style="background-size: cover;background-size: cover;width: auto;height: auto;min-width: 1%;max-height: 600px;max-width: 1000px;">
          <div class="container">
            <div class="carousel-caption">
              <h1>'.$title.'.</h1>
              <p class="lead">'.$id.'<br> '.$tec.'</p>
              <a class="btn btn-large btn-inverse" href="/arte_objeto">Ver m&aacute;s</a>
            </div>
         </div>';
            }
        $home .= '</div>

这是结果：

http://prntscr.com/64h3vb

所以也要对齐标题，以便在旋转木马的中心显示图像

我试过：

background-position: center center;

但不起作用

Answer 1

在您想要居中的div / images上使用margin:0 auto;。

使用你的＆＃34;检查元素＆＃34;找到向左拉的div然后应用那个css。

Answer 2

position:absolute;上的问题是.carousel img {所以我将其删除了还将margin: 0 auto;添加到.carousel img {

引导轮播问题

2 个答案: