Html 如何在<；中垂直对齐文本；a>；元素，该元素显示为块

我有以下代码：

a{
显示：块；
宽度：231px；
高度：52px；
背景色：#ffffff；
颜色：#0275d8；
边框：1px实心#0275d8；
-webkit边界半径：4px；
-moz边界半径：4px；
边界半径：4px；
文本对齐：居中；
左边距：自动；
右边距：自动；
填充顶部：15px；
垫底：15px；
字体：16px“拉托”，无衬线；
}

您可以使用

Flexbox

将文本与

对齐项目：居中对齐

a{
显示器：flex；
对齐项目：居中；
证明内容：中心；
宽度：231px；
高度：52px；
背景色：#ffffff；
颜色：#0275d8；
边框：1px实心#0275d8；
边界半径：4px；
文本对齐：居中；
左边距：自动；
右边距：自动；
填充顶部：15px；
垫底：15px；
字体：16px“拉托”，无衬线；
}

我总是用flexbox来做这类事情。使用css布局内容是令人惊奇的。这是给flexbox的

在这种情况下，您只需要添加

display:flex；证明内容：中心；对齐项目：居中，并删除
左边距：自动和
右边距：自动


a{
显示器：flex；
证明内容：中心；
对齐项目：居中；
宽度：231px；
高度：52px；
背景色：#ffffff；
颜色：#0275d8；
边框：1px实心#0275d8；
-webkit边界半径：4px；
-moz边界半径：4px；
边界半径：4px；
文本对齐：居中；
填充顶部：15px；
垫底：15px；
字体：16px“拉托”，无衬线；
}



我建议您更改为
显示：表格
，并在其中添加一个表格单元格，您可以使用任何标记，如
span


a{
显示：表格；
宽度：231px；
高度：52px；
背景色：#ffffff；
颜色：#0275d8；
边框：1px实心#0275d8；
-webkit边界半径：4px；
-moz边界半径：4px；
边界半径：4px；
文本对齐：居中；
左边距：自动；
右边距：自动；
填充顶部：15px；
垫底：15px；
字体：16px“拉托”，无衬线；
}
跨度{
显示：表格单元格；
垂直对齐：中间对齐；
}



非常感谢，它很有效。我尝试了这个解决方案，但没有
justify content:center，所以我认为这是一种错误的方式。