Question

我有一个4行的段落，是一个居中的div中的诗歌。因为它是诗歌，我需要左边对齐的4行，而不是div的左边。

以下是它的集中处理方式：

     Lorem ipsum dolor sit amet, 
        onsectetur adipisicin.
  Doloribus, totam unde facilis omnis 
        temporibus nostrum in

这就是我想要的方式：

  Lorem ipsum dolor sit amet, 
  onsectetur adipisicin.
  Doloribus, totam unde facilis omnis 
  temporibus nostrum in

感谢。

JSFIDDLE

Answer 1

以下是解决方案http://jsfiddle.net/YW7eS/2/

我删除了text-align：center并使用网格系统为您提供更多控制权。

<div class="col-lg-offset-4 col-lg-4 col-md-offset-4 col-md-4 col-sm-offset-4 col-sm-4">
    ...
</div>

Answer 2

也许您想向我们展示代码，但您可能希望对段落执行text-align:left。

Answer 3

既然你没有提供任何代码，那么很难帮助你，但这是（我猜）你想要的。将左边距更改为任意数字，以增加/减少文本到div的距离。

.poetry {
   padding: 0 0 0 20px;
}

.poetry p {
   text-align: left;
}

Answer 4

尝试这样的事情：

<div style="width: 500px; height: 500px; float: left;"></div>
<div style="float: left; margin-left: 30px;">
  Lorem ipsum dolor sit amet, 
  onsectetur adipisicin.
  Doloribus, totam unde facilis omnis 
  temporibus nostrum in
</div>

Answer 5

你可以改变这样的代码，

.marketing .col-md-4 {
  text-align: left;
  margin-bottom: 20px;
}

在此处查看工作fiddle

Bootstrap左对齐文本在居中的div中

5 个答案: