在bootstrap .pull-right中用于右对齐.pull-left用于左对齐然后什么用于中心?

时间:2016-09-08 10:14:07

标签: javascript css twitter-bootstrap

在bootstrap中.pull-right用于右对齐.pull-left用于左对齐然后什么用于中心?

3 个答案:

答案 0 :(得分:4)

Bootstrap的.pull-left.pull-right,使用css-float工作。

float的工作方式是在浮动元素周围流动跟随内联元素。

css-float支持:leftrightnone。没有中心选择。因此,没有.pull-center

您可以通过将css:text-align: center应用于父元素来对齐块元素中的所有内联元素。

如果您尝试居中的元素应该是内联和块状,则应将其设置为display: inline-block

您可以在bootstrap中看到一些文本对齐选项: http://getbootstrap.com/css/#type-alignment 请注意,<p>是块类型元素,其中的文本具有隐式文本节点display: inline

center-block类只能用于图片: http://getbootstrap.com/css/#images

答案 1 :(得分:1)

center-block用于在Bootstrap中居中元素。

您可以通过图片进行测试:

<img class="center-block" src="xxx.PNG"/ >

答案 2 :(得分:1)

尝试center-block或使用网格列将元素居中。如果文字使用text-center