首页  >  文章  >  web前端  >  css中什么是内联元素

css中什么是内联元素

藏色散人
藏色散人原创
2021-02-03 10:44:153831浏览

css中的内联元素也称为行内元素;内联元素包括布局中常用的标签如a、span、em、b、strong、i等;内联元素和它的兄弟元素之间一个挨着一个,并且都在同一行按从左至右的顺序显示,不单独占一行。

css中什么是内联元素

本文操作环境:windows7系统、css3版本、Dell G3电脑。

1、什么是内联元素?

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

2、内联元素的特点

(1)和其他兄弟元素同在一行,不用另起一行

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

(3)宽度受内容挤压,即它的宽度就是它内容的宽度

(4)只能容纳内联元素和文本,通常被包含在块级元素中使用

推荐:《css视频教程

3、常见的内联元素

a – 锚点
img – 图片
input – 输入框
span – 常用内联容器,定义文本内区块
b – 粗体(不推荐)
big – 大字体
br – 换行
em – 强调
font – 字体设定(不推荐)
i– 斜体
s – 中划线(不推荐)
select – 项目选择
small – 小字体文本
strike – 中划线
strong – 粗体强调
sub – 下标
sup – 上标
textarea– 多行文本输入框
u – 下划线

以上是css中什么是内联元素的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn