css中内联元素（行内元素）的特点及常见的内联元素

1.什么是内联元素？

内联元素有很多种叫法，如内联元素、内嵌元素、行内元素、直进式元素等，和块级元素对应。内联元素和它的兄弟元素之间一个挨着一个，都在同一行按从左至右的顺序显示，不单独占一行。

 

2.内联元素的特点

（1）和其他兄弟元素同在一行，不用另起一行

（2）宽高以及到顶部和底部的边距都不可以设置

（3）宽度受内容挤压，即它的宽度就是它内容的宽度

（4）只能容纳内联元素和文本，通常被包含在块级元素中使用

 

3.常见的内联元素

 a – 锚点

 img – 图片

 input – 输入框

 span – 常用内联容器，定义文本内区块

 b – 粗体(不推荐)

 big – 大字体

 br – 换行

 em – 强调

 font – 字体设定(不推荐)

 i– 斜体

 s – 中划线(不推荐)

 select – 项目选择

 small – 小字体文本

 strike – 中划线

 strong – 粗体强调

 sub – 下标

 sup – 上标

 textarea– 多行文本输入框

 u – 下划线