如何使用BlueprintCSS将div居中?

时间:2011-02-11 21:49:28

标签: blueprint-css

所以我在容器类中有div。如何将div居中,以便根据div的宽度正确地向两侧添加空白空间?

<body>
  <div class="container">
    ... other stuff ...
    <div>center me</div>
  </div>
</body>

4 个答案:

答案 0 :(得分:5)

你可以这样做:

<div class="span-6 last prepend-9 append-9">contents</div>

答案 1 :(得分:1)

通常你以span单位知道页面的宽度,因为你在构建blueprint-css文件时定义它们......所以你可以这样做......“span-x”是段的宽度或以span为单位的页面...“left”向左浮动,“right”向右浮动......两者取消并居中div。

<body>
  <div class="container">
    ... other stuff ...
    <div class="span-x right left last">center me</div>
  </div>
</body>

答案 2 :(得分:1)

Blueprint具有您可以使用的“居中”风格:

<div class="span-10 centered">...</div>

答案 3 :(得分:-1)

旧问题,我知道,但您可以将margin-left的{​​{1}}和margin-right设置为div。我相信会这样做。