html - 在 div 元素中水平和垂直居中对齐文本

<分区>

I have made a div of fixed height and I want the text to align both vertically and horizontally in the div.

I tried using margin:auto and text-align but it didn't help.

I am beginner HTML/CSS.

 <!DOCTYPE html>
    <html>
    <body>
    
    <div style="background-color:black;color:white;padding:20px; height:400px;">
      <h2>London</h2>
      
    </div>
    
    </body>
    </html>

最佳答案

h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

关于html - 在 div 元素中水平和垂直居中对齐文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39177599/

上一篇：html - 如何使用 CSS 自定义复选框外观

下一篇：html - 我的媒体查询在移动设备上不起作用，我已经添加了视口(viewport)

javascript - 是否可以覆盖 box-sizing :border-box?

css - 继承多个nth-child时重置nth-child "clear: both"

javascript - 不要预览菜单顶部导航中的第一项

css - 从底部开始呈现水平列表项

php - slider 中图像之间的空白空间

javascript - 根据底层颜色更改固定文本的颜色

html - 表格中的 Angular 搜索

html - 如何仅将水平单元格间距应用于 HTML 表格？

jquery - bootstrap carousel ID 和类问题