Question

@ partypete25以及其他任何人都可以提供帮助！

谢谢你：

Left aligned caption for center aligned responsive image

和

它也为我工作！但是我似乎在图像下面没有多行文字。我尝试使用 BR 并添加更多行文本，但错误消失了。对每行文字末尾带有 BR 的多行文字提出建议？谢谢！

我试图使用这样的东西：

<div class="container">
  <div class="row">
    <div class="col-xs-12">
      <span class="text-center center-block" style="max-width:100%">
        <span data-caption="line 1 of text <br> line 2 of text <br> line 3 of text" class="img-wrapper text-left">
          <img class="img-responsive" src="http://placehold.it/350x150">
        </span>
      </span>
    </div>
  </div>
</div>

此致

Answer 1

我认为你在自己身上做了两件事。只需从图像中分离标题即可。

<div class="container">
  <div class="row">
    <div class="col-xs-12">
      <span style="width:100%; margin:0 auto;">
          <img class="img-responsive" src="http://placehold.it/350x150">
      </span>
      <span class="caption">line 1 of text <br> line 2 of text <br> line 3  of text</span>
    </div>
  </div>
</div>

Answer 2

对于多行，您需要在.img-wrapper

上指定宽度

用于中心对齐的响应图像部分2的左对齐标题

2 个答案: