单个和多个线CSS的垂直居中，没有固定高度

Question

我在html中有一些文字标签，例如<label>Short</label>和<label>This is a long label which is split into two line</label>。这些标签位于不同高度的div元素内。我怎样才能使我的文字居中？我使用的display: table-cell; vertical-align: center;适用于单行但不适用于双行，它会将双列文本推到<div>元素之外。任何帮助？

Answer 1

尝试一下，它可能适合你：

{ display: flex; align-items: center; justify-content: center; }

Answer 2

使用<center> <label> here is your label </label> </center>