HTML中,行内元素、块级元素、行内块级元素之间的特点与区别。

  1. 行内元素大致有b, big, i, small, tt,abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var,a, bdo, br, img, map, object, q, script, span, sub, sup,button, input, label,select, textarea(粗体为较为常用)
  2. 块级元素有div、p、nav、aside、header、footer、section、article、ul-li、addres等。

区别如下,
行内元素
从左往右排列,不占据一行;
对其设置宽高及margin的上下距离无效

块级元素
单独占据一行

(行内元素可以转换为块级元素或者行内块级元素,其转换方式分别为为display:block 、display:inline-block)

行内块级元素
不会自动换行,相比行内可以设置宽高,具有行内块级共同特性,最为常用。

猜你喜欢

转载自blog.csdn.net/qq_42122409/article/details/82986784