首页 >web前端 >css教程 > 正文

css中什么是内联元素

原创2021-02-03 10:44:150881

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

本文操作环境: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中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:css
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • CSS的美化功能CSS的美化功能
  • HTML+CSS网页基础HTML+CSS网页基础
  • CSS 代码实例CSS 代码实例
  • 玩转CSS Flexbox弹性盒子布局(2021新课)玩转CSS Flexbox弹性盒子布局(2021新课)
  • 让布局像5G一样快:CSS Grid网格布局让布局像5G一样快:CSS Grid网格布局
  • 视频教程分类