行内元素和块级元素的总结

常见块级元素:<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>

特点:块级元素独占一行

           高度,宽度,内边距,外边距都可以设置

           宽度默认是容器的100%

           可以容纳其他内联元素和块级元素

常见行内元素:<a>,<em>,<strong>,<b>,<span>,<del>

特点: 和相邻的行内元素在一行上

            高度宽度无法设置,但是水平方向上的padding和margin可以设置,垂直方向上的无效

            默认的宽度就是本身的宽度

            只能容纳纯文本和其他行内元素(a除外)

两种模式的转换:

块级元素转行内元素:display:inline

行内元素转块级元素:display:block

块级,行内转换为行内块:display:inline-block

原文地址:https://www.cnblogs.com/xingxyx/p/11669606.html