Bootstrap 4 中间对齐不在工作台中工作

Bootstrap 4 中间对齐不在工作台中工作,bootstrap-4,Bootstrap 4,我有个问题,中产阶级不使用Bootstrap4。我如何解决这个问题?这是我的密码: 数字皮尔基莫 帕瓦迪尼马斯 class=“align middle”在引导4中工作,并通过应用 vertical-align: middle; 在元素上 此值使s内容沿放置在s高度(垂直)中间的假想水平线对齐。看 这种影响只能在父母中不是最高的上观察到 请注意,在许多情况下,将align middle类放置在上不会产生可观察的更改。数量如此之多,列举它们似乎是浪费时间。如果您试图将的内容垂直居中,而居中对

我有个问题,中产阶级不使用Bootstrap4。我如何解决这个问题?这是我的密码:


数字皮尔基莫
帕瓦迪尼马斯
class=“align middle”
在引导4中工作,并通过应用

vertical-align: middle; 
在元素上

此值使s内容沿放置在
s高度(垂直)中间的假想水平线对齐。看

这种影响只能在父母中不是最高的
上观察到

请注意,在许多情况下,将
align middle
类放置在
上不会产生可观察的更改。数量如此之多,列举它们似乎是浪费时间。如果您试图将
的内容垂直居中,而
居中对齐
对您无效,请使用演示问题的实时片段更新您的问题,我将根据您的情况使用特定方法更新我的答案


若要水平居中
内容,请使用
上的
class=“text center”
类,该类适用

text-align: center;


要在较宽的父级中对齐块级元素,请使用
class=“mx auto”
class,该类适用于:

margin-left: auto;
margin-right: auto;


添加代码段后编辑:即使您已将
d-flex
类应用于
,您的
仍然具有
显示:表格单元格
。如果要使用以它们为中心的flexbox,请提供以下类:

<td class="d-flex align-items-center justify-content-center">Ta daaa!</td>
Ta daaa!
。。。其中
。将项目垂直居中对齐
并将
对齐。将资源中心水平居中对齐


然而,在本例中,您在
标记上使用flexbox,这几乎没有意义。考虑到您的使用情况,您最好使用
.form group
s。

您可以使用TDR更新问题中的class text center和snippet吗