在bootstrap中.pull-right用于右对齐.pull-left用于左对齐然后什么用于中心?
答案 0 :(得分:4)
Bootstrap的.pull-left
和.pull-right
,使用css-float工作。
float的工作方式是在浮动元素周围流动跟随内联元素。
css-float支持:left
,right
,none
。没有中心选择。因此,没有.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