呜呼哀哉,惊叹道:\"大众根本乃重中之重“!


——————————————————————————————————

块级元素:自成一块,独占一行,默认情形,宽度自动充满父级宽度!

html块级元素转换行内元素HTML入门之行内元素和块级元素 Webpack

块级元素可以设置宽(width)和高(height)属性。

值得把稳的是块级元素纵然设置了宽度,仍旧是独占一行。
(我是块级元素,我便是这么霸道)

块级元素可以设置margin和padding的属性。

display:block;与之相对应。

常见的HTML元素

行内元素相对而言,就比较好说话了。

只要你不专门设置(display: block || display: inline-block),我就永久不会独占一行;而且,我是行内元素,从来不会排斥其他的行内元素,只要相邻,我就会和他们排在同一行里,只要父级宽度够长,我们就永久不会

换行。

行内元素的宽(width)和高(height)属性无效,宽高都是由内容区决定。

display:inline;与之相对应。

行内元素

行内元素做一个变形手术。
就会具有块级元素的属性。
通过设置display:block;就会达到效果。
当然,也可以具有块级元素和行内元素共同的特性。
通过设置display:inline-block;

常见的行内元素:a、b、span、img、input、strong、select、label、em、button

常见的块级元素: div、p、table、td、tr、ul、li、fieldset、legend!

前端路漫长,更须要我们坚持!
编程梦迢遥,更须要我们努力!
漫漫编码路,我们砺励前行。
只要不放弃,必能建造属于自己的梦幻王国。