css水平居中总结_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了css水平居中总结_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3280字,纯文字阅读大概需要5分钟。
内容图文
前言看了好多篇帖子,发现没有一个能够直接让新手很快上手使用的居中布局。所以在此进行一番总结,也算是我对居中布局的一点点积累沉淀,同时也方便初学者们拿来即用。
一、元素分类
1.行内元素
行内元素,也就是内联元素,可以在一行内显示多个。注:元素的高度、宽度、顶部底部边距均不可设置,元素的高度和宽度就是它包含的文字或图片的高度和宽度。
行内元素有这些:
、、
、、、、
当然有些时候可以通过以下代码变成块级元素:
display: block;
2.块级元素
块级元素,霸占一行,别的元素要另起行才可以。注:元素的高度、宽度、顶部底部边距可设置,元素宽度在不设置的情况下,是它本身父容器的100%。
块级元素有这些:
、...
、
...、、、、、、 、
- 、
- 、
- 、