是否有任何方法在主父元素中垂直或水平地居中html元素?
当前回答
我喜欢类似问题的答案:
在实际的表data <td>和表头<th>元素上使用bootstrap的文本中心类。所以 <td class="text-center">单元格数据</td> and <th class="text-center">头单元格数据</th>
其他回答
我发现在Bootstrap 4中你可以这样做:
中心水平确实是文本中心类
中心垂直，但是使用bootstrap类添加mb-auto mt-auto，使margin-top和margin- bottom设置为auto。
更新:虽然这个答案在2013年初可能是正确的，但现在不应该再用了。正确的解决方案使用偏移量，如下所示:
class="mx-auto"
至于其他用户的建议，也有本地引导类可用，如:
class="text-center"
class="pagination-centered"
我喜欢类似问题的答案:
在实际的表data <td>和表头<th>元素上使用bootstrap的文本中心类。所以 <td class="text-center">单元格数据</td> and <th class="text-center">头单元格数据</th>
Bootstrap文档:
设置要显示的元素:块和居中通过边距。可作为mixin和类使用。
<div class="center-block">...</div>
在Bootstrap 4中，定心方法已经改变。
水平中心在引导4
文本中心仍然用于显示:内联元素 Mx-auto将中心块替换为中心显示:flex子 Offset -*或mx-auto可用于网格列居中
Mx-auto (auto x轴边距)将中心显示:块或显示:具有定义宽度的flex元素(%，vw, px等)。默认情况下，在网格列上使用Flexbox，因此也有各种Flexbox居中方法。
示范引导4水平定心
有关BS4的垂直定心，请参阅https://stackoverflow.com/a/41464397
