html - 中心对齐响应图像第 2 部分的左对齐标题

Question

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

感谢:

Left aligned caption for center aligned responsive image

和

https://jsfiddle.net/mk7on98L/19/

它对我也很有效!但是我似乎不能在图像下方有多行文字。我尝试使用 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

对于多行，您需要在 .img-wrapper 上指定宽度