css - div中的中心文本?

标签 css padding spacing

我有一个 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/

相关文章:

C# - 格式化 .text 文档问题

html - 流体 DIV 前后具有固定宽度的 Div

javascript - Html/Css链接问题

html - 仅在页面上显示内容

css - 居中固定的标题和侧边栏?

css - 在 % width div 中固定 px 填充

java - 如何在java中填充图像?

html - Bootstrap 修复特定元素及其子元素的冲突

jQuery如何获取元素的边距和填充?

r - 如何增加 R 中 ggplot2 箱线图之间的间距?