使用默认的 Twitter Bootstrap CSS 水平居中对齐 div

Center align a div horizontally using default Twitter Bootstrap CSS

我知道如何在 CSS 中水平居中对齐 div。您需要将宽度设置为小于 100% 并在左右两侧设置自动边距。我想做这种默认样式的 Twitter Bootstrap。我不想编写额外的 CSS。想知道是否可以使用 Twitter Bootstrap 中使用的默认样式来实现。

要设置 div 的宽度,我使用的是 span*。但是 span*float: left。有没有类,可以设置div的宽度,但是不会加float: left


要水平对齐使用偶数跨度样式(span2、span4 等)的 div,您需要使用偏移量。

1
    …


在 div 中使用类 pagination-centered,例如:

1
    <p> content</p>


Bootstrap 使内容居中的方式似乎是通过将 class=”center-block” 分配给它:指向 Bootstrap 3 文档页面的链接。

但是,它不适用于标题或段落。 class=”text-center” 似乎在这些情况下有效。


基于@JayGee 的回答。

1
     … content here …

如果您想要水平对齐的元素是一个奇怪的跨度 (@JayGee),并且您不想编写额外的 CSS(甚至内联?),那么答案应该是:不,那是不可能的。否则我会去找@JayGee 的答案。


原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/269235.html

(0)
上一篇 2022年6月20日
下一篇 2022年6月20日

相关推荐

发表回复

登录后才能评论