根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值。
display属性为inline的元素为行内元素,英文:inline element,其中文叫法有多种,如:内联元素、内嵌元素、行内元素、直进式元素等。
行内元素一般是内容的容器,没有自己的独立空间,它是依附于其他块级元素存在的。一般情况下,行内元素只能包含内容或者其它行内元素,宽度和长度依据内容而定,不可以设置,可以和其它元素和平共处于一行。行内元素适合显示具体内容。
特点:
1、和其他元素都在一行上;
2、高度、行高和顶以及底边距都不可改变;
3、宽度就是它的文字或图片的宽度,不可改变。
总的来说,行内元素一般都是基于语义级(semantic)的基本元素,它只能容纳文本或者其他行内元素,通常被包括在块元素中使用,常见内联元素有“a、b、br”等。
HTML行内元素:
-
a - 锚点;
-
abbr - 缩写;
-
acronym - 首字;
-
b - 粗体(不推荐);
-
bdo - 覆盖默认的文本方向;
-
big - 大字体;
-
br - 换行;
-
button - 按钮
-
cite - 引用;
-
code - 计算机代码(在引用源码的时候需要);
-
dfn - 定义字段;
-
del - 删除线
-
em - 强调;
-
font - 字体设定(不推荐);
-
i - 斜体;
-
img - 图片;
-
input - 输入框;
-
kbd - 定义键盘文本;
-
label - 表格标签;
-
q - 短引用;
-
s - 中划线(不推荐);
-
samp - 定义范例计算机代码;
-
select - 项目选择;
-
small - 小字体文本;
-
span - 常用内联容器,定义文本内区块;
-
strike - 中划线;
-
strong - 粗体强调;
-
sub - 下标;
-
sup - 上标;
-
textarea - 多行文本输入框;
-
tt - 电传文本;
-
u - 下划线;
-
var - 定义变量。