html行内元素和行内块级元素的区别

如题所述

块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度;而行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化。我最近刚开始学H5,下面是我第一天上课关于行内元素和块级元素做的笔记:



块级元素可以设置margin和padding属性.
  行内元素的margin和padding属性,水平方向的padding-left,padding-right,margin-left,margin-right都产生边距效果,但竖直方向的padding-top,padding-bottom,margin-top,margin-bottom却不会产生边距效果.

温馨提示:内容为网友见解,仅供参考
第1个回答  2016-07-07
 块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度.

  行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化.

  

  块级元素可以设置width,height属性.

  行内元素设置width,height属性无效.

  块级元素即使设置了宽度,仍然是独占一行.

  

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

  行内元素的margin和padding属性,水平方向的padding-left,padding-right,margin-left,margin-right都产生边距效果,但竖直方向的padding-top,padding-bottom,margin-top,margin-bottom却不会产生边距效果.

  

  块级元素对应于display:block.

  行内元素对应于display:inline.本回答被提问者采纳
相似回答