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？
- 您可以发布您尝试过的方法吗？或创建一个 jsfiddle 。
- 似乎因为所有网格元素都是向左浮动的，所以如果不编写一些自定义样式，就无法将它们和它们的内容居中。也就是说，一个人不这样做怎么能建立一个网站呢？
- 您可以通过添加类 \\’.clearfix\\’ 来删除浮动
要水平对齐使用偶数跨度样式(span2、span4 等)的 div，您需要使用偏移量。
|
1
|
…
|
- 如果要居中的内容在 span1、span3、span5、span7、span9 或 span11 中怎么办？
- 如果它是一个奇怪的跨度并且您必须坚持使用该确切的跨度大小，那么您将需要求助于添加一些自定义 CSS。
在 div 中使用类 pagination-centered，例如：
|
1
|
<p> content</p>
|
- OP 询问的是 Bootstrap 类，而不是原始 HTML。
- @isherwood 提醒你 .. 我没有给他 html .. 那些 CSS 属性。
- CSS 属性实际上是 HTML。同样，OP 要求上课。
- 哦，真的…什么标签是 text-align ，直到现在在 html 中从未见过。我写了 text-align:center (css属性)..供您参考：w3schools.com/cssref/pr_text_text-align.asp
- “text-align” 是给定标签的样式属性的一个属性。换句话说，它是 HTML。
Bootstrap 使内容居中的方式似乎是通过将 class=”center-block” 分配给它：指向 Bootstrap 3 文档页面的链接。
但是，它不适用于标题或段落。 class=”text-center” 似乎在这些情况下有效。
基于@JayGee 的回答。
|
1
|
… content here …
|
如果您想要水平对齐的元素是一个奇怪的跨度 (@JayGee)，并且您不想编写额外的 CSS(甚至内联？)，那么答案应该是：不，那是不可能的。否则我会去找@JayGee 的答案。
来源：https://www.codenong.com/15113030/
