html 内联元素 (inline element)


内联元素(html规范中的概念)英文:inline element,其中文叫法有多种,如:内联元素、内嵌元素、行内元素、直进式元素等。基本上没有统一的翻译。另外提到内联元素,通常会涉及到的属性是display:inline;这个属性能够修复著名的IE双倍浮动边界问题。

inline : 共享一行,不能更改元素的height,width的值,大小由内容撑开,可以使用padding,margin的left和right产生边距效果,但是top和bottom就不行

block : 独占一行, 默认填满父级元素的宽度. 能够改变元素的height,width的值. , 可以设置padding,margin的各个属性值,top,left,bottom,right都能够产生边距效果.

inline-block: 不独占一行的块级元素, 去除空隙父元素添加,{font-size:0}

列表