html - 将元素水平居中到页面中间 CSS

标签 html css

<分区>

我想知道如何将元素水平居中到页面中间。

这是我的代码:

#item {
    height:400px;
    width:700px;
    background-color:white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

我想把它居中,所以它看起来像这样:

example

(水平居中,标题下方几个像素)

谢谢,M4DNE55

最佳答案

只需添加这些

文本对齐:居中; 垂直对齐:中间; 显示:表格单元格;

关于html - 将元素水平居中到页面中间 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27487615/

相关文章:

html - CSS - 当边距不起作用时将 block 定位在中心

html - div布局定位有问题

html - 如何使用 bootstrap 将 3 个图像内联居中?

html - css 动画空白 : nowrap;

html - CSS 像素真的是一个绝对单位吗?也就是说,1 inch = 96px 是真的吗?

html - 将表头与 Firefox 中的其他表体对齐

javascript - 如何在 WebRTC 通话期间锁定视频大小?

html - bootstrap - 使页面无响应并向所有设备显示桌面版本

Javascript 弹出窗口和类而不是 ID

javascript - 如何动态地向类元素添加 Font Awesome 图标?