css – 中心文本在div？

我有一个div 30px高和500px宽。这个div可以包含两行文本，一个在另一个之下，并且相应地被样式化(填充)。但有时它只包含一行，我想要它居中。这可能吗？

解决方法

要水平居中，请使用text-align：center。

为了垂直居中，只能使用vertical-align：middle，如果在与其对齐的同一行中有另一个元素。
看到它工作here。

我们使用高度为100％的空白区域，然后将内容放在下一个具有vertical-align：middle的元素中。

还有其他技术，如使用table-cell或将内容放在绝对定位的元素中，顶部，底部，左侧和右侧都设置为零，但是它们都受到跨浏览器兼容性问题的困扰。

祝你好运。