0
0
php中文网
发布时间：2016-06-24 11:41:03
|1104人浏览过
|来源于php中文网
原创
前言
看了好多篇帖子，发现没有一个能够直接让新手很快上手使用的居中布局。所以在此进行一番总结，也算是我对居中布局的一点点积累沉淀，同时也方便初学者们拿来即用。
一、元素分类
1.行内元素
立即学习“前端免费学习笔记（深入）”；
行内元素，也就是内联元素，可以在一行内显示多个。注：元素的高度、宽度、顶部底部边距均不可设置，元素的高度和宽度就是它包含的文字或图片的高度和宽度。
行内元素有这些：
当然有些时候可以通过以下代码变成块级元素：
display: block;
2.块级元素
块级元素，霸占一行，别的元素要另起行才可以。注：元素的高度、宽度、顶部底部边距可设置，元素宽度在不设置的情况下，是它本身父容器的100%。
块级元素有这些：
、
相关文章
如何在导航栏中正确对齐社交媒体图标（与Logo和菜单同行显示）
如何使用 Flexbox 水平垂直居中 Font Awesome 图标
如何使用 Flexbox 居中对齐 Font Awesome 图标
如何在 HTML 中居中布局并实现自动答案校验？
如何居中布局并实现动态答案校验的验证码练习系统
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题深入讲解 C++ 中的高级模板编程与元编程技术，涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例，帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码，并提升代码的灵活性与性能。
16
2026.01.23
热门下载
相关下载
精品课程
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
