5

我有一段 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

4

5 回答 5

4

这是解决方案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>
于 2013-09-13T15:36:52.443 回答
0

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

于 2013-09-12T16:52:26.627 回答
0

由于您不提供任何代码，因此很难为您提供帮助，但这（我猜）是您想要的。将左侧填充更改为任何数字以增加/减少文本到 div 的距离。

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

.poetry p {
   text-align: left;
}
于 2013-09-12T17:05:02.177 回答
0

试试这样的事情：

<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>
于 2013-09-12T17:22:10.240 回答
0

您可以像这样更改代码，

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

在这里看到工作小提琴

于 2013-09-12T17:22:18.857 回答