前端之家收集整理的这篇文章主要介绍了
css – 中心文本在div?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div 30px高和500px宽。这个div可以包含两行文本,一个在另一个之下,并且相应地被样式化(填充)。但有时它只包含一行,我想要它居中。这可能吗?
要水平居中,请使用text-align:center。
为了垂直居中,只能使用vertical-align:middle,如果在与其对齐的同一行中有另一个元素。
看到它工作here。
我们使用高度为100%的空白区域,然后将内容放在下一个具有vertical-align:middle的元素中。
还有其他技术,如使用table-cell或将内容放在绝对定位的元素中,顶部,底部,左侧和右侧都设置为零,但是它们都受到跨浏览器兼容性问题的困扰。
祝你好运。