blueprint-css - 如何使用 BlueprintCSS 使 div 居中？

Question

所以我在容器类中有 div 。如何使 div 居中，以便它根据 div 的宽度正确地为两侧添加空白空间？

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

score 5 · Accepted Answer

5

你可以这样做：

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

于 2011-07-21T05:03:33.637 回答

score 1 · Accepted Answer

1

蓝图有一个“居中”的样式，您可以使用：

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

于 2013-08-14T10:52:38.323 回答

score 1 · Accepted Answer

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

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

score -1 · Accepted Answer

老问题，我知道，但你可以将margin-leftandmargin-right设置div为auto. 我相信会做到的。

4 回答 4