什么是行内元素?
display属性为inline的元素为行内元素,英文:inline element,其中文叫法有多种,如:内联元素、内嵌元素、行内元素、直进式元素等。
行内元素一般是内容的容器,一般情况下,行内元素只能包含内容或者其它行内元素,宽度和长度依据内容而定,不可以设置,可以和其它元素和平共处于一行。行内元素适合显示具体内容。
特点:
1、和其他元素都在一行上;
2、高度、行高和顶以及底边距都不可改变;
3、宽度就是它的文字或图片的宽度,不可改变。
总的来说,行内元素一般都是基于语义级(semantic)的基本元素,它只能容纳文本或者其他行内元素,通常被包括在块元素中使用,常见内联元素有“a、b、br”等。
那么行内元素该如何使用呢?
1、行内元素会在一条直线上排列,在同一行从左至右水平排列。直到一行排不下,才会换行。
2、行内元素设置宽、高、margin上下、padding上下无效(竖直无效)。
3、行内元素设置line-height,margin左右、padding左右有效(水平有效)。
4、行内元素的宽高随标签里的内容而变化。
常用的一些行内元素:
<a> | 锚点 | <b> | 字体加粗 |
<big> | 大号字体 | <br> | 换行 |
<em> | 定义为强调的内容 | <i> | 斜体文本效果 |
<img> | 图像 | <input> | 输入框 |
<label> | 标签为input元素的标注 | <select> | 单选或多选菜单 |
<small> | 小号字体 | <span> | 组合文档的行内元素 |
<strong> | 强调内容 | <sub> | 定义下标 |
<sup> | 定义上标 | <textarea> | 多行文本输入框 |
以上就是什么是行内元素?的详细内容,更多请关注易知道|edz.cc其它相关文章!