我有一个 div
30px
高和 500px
宽。此 div
可以包含两行文本,一行在另一行下,并相应地设置样式(填充)。但有时它只包含一行,我希望它居中。这可能吗?
最佳答案
要水平居中,请使用 text-align:center
。
要垂直居中,如果同一行中有另一个元素要对齐,则只能使用 vertical-align:middle
。
看到它工作 here .
我们使用一个高度为 100% 的空 span,然后将内容放在下一个具有 vertical-align:middle 的元素中。
还有其他技术,例如使用 table-cell 或将内容放在绝对定位的元素中,顶部、底部、左侧和右侧都设置为零,但它们都存在跨浏览器兼容性问题。
关于css - div中的中心文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6055412/