1、行内元素的特点?哪些属于行内元素?
行内元素(inline)
行内元素也称为内联元素,行内元素不占有独立区域,其大小仅仅被动的依赖于自身内容的大小(例如文字和图片),所以一般不能随意设置其宽高、对齐等属性。常用于控制页面中文本的样式。
行内元素的特点:
- 总是和相邻的行内元素在同一行上(物以类聚)
- 设置宽高无效,水平方向的padding和margin属性可以设置,但是垂直方向上的无效。
- 默认宽度是他自身内容的宽度。
- 行内元素只能容纳其他行内元素或者文本。
- 特殊:a比较特殊,可以放块级元素,但是链接里面不能再放链接。
行内块元素(inline-block)
行内块元素结合了块元素和行内元素的不同特点,这样特殊的一类标签称为行内块元素。像<img>/<input>/<td>
这些元素,可以给他们设置宽高、对齐属性,
行内块元素的特点:
- 和相邻行内元素在同一行,但是之间会有空白缝隙。
- 默认宽度是他本身内容的宽度。
- 宽度、高度、行高、外边距以及内边距都可以手动设置。