如何使用 BlueprintCSS 将 div 居中？
所以我在容器类中有 div 。如何使 div 居中，以便根据 div 的宽度正确地向两侧均匀添加空白空间？
<body>
<div class="container">
... other stuff ...
<div>center me</div>
</div>
</body>
So I have div within the container class. How do I center the div, so that it properly adds empty space equally to both sides, depending on the width of the div?
<body>
<div class="container">
... other stuff ...
<div>center me</div>
</div>
</body>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
你可以这样做：
You can do it like this:
通常，您知道跨度单位中的页面宽度，因为您在构建 blueprint-css 文件时定义了它们...所以您可以执行类似的操作...“span-x”是段或页面的宽度跨度单位...“左”向左浮动，“右”向右浮动...两者取消并使 div 居中。
Normally you know the width of the page in span units because you define them when you build your blueprint-css file... so you could do something like this... "span-x" is the width of the segment or page in span units... "left" floats left, and "right" floats right... the two cancel and center the div.
蓝图具有“居中”样式，您可以使用：
Blueprint has a "centered" style you can use:
老问题，我知道，但你可以将
div的margin-left和margin-right设置为auto。我相信这样就可以了。Old question, I know but you could set the
margin-leftandmargin-rightof thatdivtoauto. I believe that would do it.