在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样式表成长教程(1)CSS绝对定位时水平居中的写法
2023-07-17
69
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
漏刻有时数据大屏CSS样式表成长教程(1)CSS绝对定位时水平居中的写法
目录
相关文章
|
16天前
|
数据采集
存储
前端开发
Puppeteer教程：使用CSS选择器点击和爬取动态数据
本文介绍如何使用Puppeteer结合CSS选择器爬取动态网页数据，以贝壳网的二手房价格为例，通过代理IP提高爬虫成功率。文章详细讲解了Puppeteer的安装和配置、代码实现及数据趋势分析，帮助读者掌握动态网页爬取技术。
30
1
1
|
3月前
|
前端开发
前端基础(四)_CSS层叠样式表_什么是css_css样式的引入方式_样式表的优先级_样式选择器
本文详细介绍了CSS（层叠样式表）的基本概念、语法规则、引入方式、样式表的优先级和样式选择器。文章解释了CSS的作用，展示了如何在HTML中通过行内样式、内部样式和外部样式引入CSS，讨论了不同CSS选择器的优先级和如何确定最终的样式应用。此外，还强调了使用`!important`规则时的优先级高于行内样式。
91
1
1
|
3月前
|
前端开发
JavaScript
|
4月前
|
前端开发
HTML+CSS基础知识（5）相对定位、绝对定位、固定定位
这篇文章介绍了HTML和CSS中的三种定位方式：相对定位、绝对定位和固定定位，并通过代码示例展示了它们如何影响元素在页面上的布局和位置。
67
0
0
|
5月前
|
前端开发
|
5月前
|
前端开发
|
5月前
|
前端开发
你不知道的css——2. 百分比高度失效，绝对定位和非绝对定位元素的宽高百分比计算方法的不同
你不知道的css——2. 百分比高度失效，绝对定位和非绝对定位元素的宽高百分比计算方法的不同
77
1
1
|
6月前
|
前端开发
开发者
|
6月前
|
前端开发
流计算
|
5月前
|
前端开发
容器
CSS【详解】定位 position （静态定位 static -- 文档流排布 、相对定位 relative、绝对定位 absolute、固定定位 fixed、黏性定位 sticky）
CSS【详解】定位 position （静态定位 static -- 文档流排布 、相对定位 relative、绝对定位 absolute、固定定位 fixed、黏性定位 sticky）
58
0
0
热门文章
最新文章
1
CSS伪元素实现的3D按钮
2
05.javascript访问CSS
3
如何用纯 CSS 创作一个赛车 loader
4
CSS3中的选择器
5
Css:背景色透明，内容不透明之终极方法！兼容所有浏览器
6
IE6, IE7, IE8 CSS 兼容速查表
7
CSS3的新属性的一下总结
8
碉堡了！ 纯 CSS 绘制《辛普森一家》人物头像
9
符合WEB标准的下拉导航菜单（CSS菜单）演示
10
css学习2
1
深入理解css中的link 和 @import
106
2
CSS Flex布局实战案例：构建响应式卡片组件
117
3
学习css的clip-path属性
76
4
什么是CSS Sprite
48
5
使用CSS中的cursor属性值，常用的可设置参数，以及其他16中参数值的使用场景和示例代码
74
6
技术心得：xpath、CSS定位方法
50
7
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
176
8
CSS【详解】对齐 （含文本垂直对齐，文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐，图片和文本对齐等）
84
9
CSS【详解】布局 display （ 含 flex 布局，grid 布局，table 布局，float 布局，响应式布局 等）
143
10
CSS【详解】定位 position （静态定位 static -- 文档流排布 、相对定位 relative、绝对定位 absolute、固定定位 fixed、黏性定位 sticky）
58