在CSS定位的过程中,正常的居中定位:margin:0 auto可以满足水平居中;但是决定定位是,使用left:50%,实际在视觉上不是水平居中的。目前一个最佳的绝对定位水平居中的代码如下:(上下左右都居中,删除对应的top和bottom,即可实现水平居中)
width: 600px; height: 400px;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto; /* 有了这个就自动居中了 */
在CSS定位的过程中,正常的居中定位:margin:0 auto可以满足水平居中;但是决定定位是,使用left:50%,实际在视觉上不是水平居中的。目前一个最佳的绝对定位水平居中的代码如下:(上下左右都居中,删除对应的top和bottom,即可实现水平居中)
width: 600px; height: 400px;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto; /* 有了这个就自动居中了 */
绝对定位水平垂直居中(HTML、CSS)<!DOCTYPE html><html lang="en"><head> <meta c
要定位子元素包含特定 class 的父元素,可以使用 CSS 选择
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M