• 技术文章 >web前端 >css教程

    css中什么是内联元素

    藏色散人藏色散人2021-02-03 10:44:15原创443

    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中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:如何复制网页css 下一篇:css如何让字体下沉
    大前端线上培训班

    相关文章推荐

    • webpack打包css出错怎么办• css怎么调整字体• css 不规则边框怎么设置• react里面怎么写css

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网