0
0
高洛峰
发布时间：2017-03-10 11:02:14
|2299人浏览过
|来源于php中文网
原创
这篇文章主要介绍了使用css居中浮动元素的方法介绍,是css入门学习中的基础知识,需要的朋友可以参考下
方法一
设置容器的浮动方式为绝对定位
然后确定容器的宽高 比如宽500 高 300 的层
然后设置层的外边距
p{
width:500px;
height:300px;
margin:-150px 0 0 -250px;
position:absolute;
left:50%;
top:50%;
background-color:#000;
}方法二
父元素和子元素同时左浮动，然后父元素相对左移动50%，再然后子元素相对右移动50%，或者子元素相对左移动-50%也就可以了。
立即学习“前端免费学习笔记（深入）”；
Demo
Test Float Element Center
相关文章
css浮动与清除浮动在表单布局中的运用
css 表单未填写时提示用户怎么办_使用 placeholder shown 伪类
css 工具中的 CSS-in-JS_如何在 JavaScript 中书写 CSS
css flexbox 与 grid 结合_如何在一个项目中同时使用两种布局
css 响应式布局中的导航条适配_优化移动端和桌面端显示
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题系统讲解 Java 项目构建与依赖管理的完整体系，重点覆盖 Maven 与 Gradle 的核心概念、项目生命周期、依赖冲突解决、多模块项目管理、构建加速与版本发布规范。通过真实项目结构示例，帮助学习者掌握 从零搭建、维护到发布 Java 工程的标准化流程，提升在实际团队开发中的工程能力与协作效率。
11
2026.01.12
热门下载
相关下载
精品课程
共12课时 | 1.0万人学习
共101课时 | 8.2万人学习
共15课时 | 1.7万人学习
最新文章
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
