2

我想将这些跨度放在中间：http: //i.stack.imgur.com/3XHhG.png

我可以通过向它们添加一个 offset1 来做到这一点：http: //i.stack.imgur.com/bbr8T.png

现在，我的问题是：如何防止偏移也被着色。如果我的问题太模糊，请原谅。

HTML： 

  <div class="span10" style="margin: 0 auto;background-color:#FFDDDD;">
    <div class="row">
      <div class="span2 offset1" style="text-align: right">
        <h1 style="">RWCO</h1>
        <h3>Bis: 11. März</h3>
      </div>
          <div class="span7">Lorem ipsum dolor sit a...`
4

2 回答 2

0

您可以在 span2 之前添加一个 span1。

（您可能只需要在 div 中为 span1 留一个空格。否则浏览器将折叠此 div。）

（如果这个答案有效，那么只需发表评论，说明您是否必须在 div 中留下一个空格，或者它也可以在没有空格的情况下工作。）

于 2012-09-29T15:50:12.273 回答
0

您应该只将背景颜色应用于您希望拥有彩色背景的 div（在本例中为 span2 和 span7？）。在您发布的示例中，您将背景应用于充当容器的 span10，并且将背景应用于整个块是正常的......

尝试这个：

<div class="span10" style="margin: 0 auto;">
    <div class="row">
      <div class="span2 offset1" style="text-align: right; background-color:#FFDDDD;">
        <h1 style="">RWCO</h1>
        <h3>Bis: 11. März</h3>
      </div>
          <div class="span7" style="background-color:#FFDDDD;">Lorem ipsum dolor sit a...`

顺便说一句，我建议您通过类而不是内联来应用样式...

于 2012-09-29T16:55:07.550 回答