码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 块元素、行内元素、行内块元素


    1.块元素

    (1)常见的块元素有:

    ~

    、

    、

    、
      、
        、
      1. 等,其中
        标签是最典型的块元素
        (2)块元素的特点:
        ①独占一行
        ②高度、宽度、外边距以及内边距都可以控制
        ③宽度默认是容器(父级宽度)的100%
        ④是一个容器及盒子,里面可以放行内或者块级元素
        注意:
        (1)文字类的元素不能放块级元素,比如

        、

        ~


        (2)

        标签主要用于存放文字,因此

        里面不能放块级元素,特别是不能放

        2.行内元素

        常见的行内元素有、、、、、、、、、等,其中标签是最典型的行内元素。有的地方将行内元素称为内联元素。
        行内元素的特点:
        (1)相邻行内元素在一行上,一行可以显示多个
        (2)高宽直接设置是无效的
        (3)默认宽度就是它本身内容的宽度
        (4)行内元素只能容纳文本或其他行内元素
        注意:
        (1)链接里面不能再放链接了
        (2)特殊情况链接
        里面可以放块级元素,但是给转换成块级元素最安全了

        3.行内块元素

        在行内元素中有几个特殊的标签、、,他们同时具有块元素和行内元素的特点。有些资料称他们为行内块元素。
        行内块元素的特点:
        (1)和相邻行内元素(行内块)在一行上,但是他们之间会有空白缝隙。一行可以显示多个(行内元素的特点)。
        (2)默认宽度就是它本身的宽度(行内元素的特点)。
        (3)高度、行高、外边距以及内边距都可以控制(块级元素特点)

        4.元素显示模式转换

        (1)行内元素转换为块元素:display: block;
        (2)块元素转换为行内元素:display: inline;
        (3)转换为行内块元素:display: inline-block;

      2. 相关阅读:
        String类常用方法
        Spring原理学习(一)容器接口与容器实现
        openssl+sha256开发实例(C++)
        钢结构设计软件:IDEA StatiCa 21.1.4.X Crack-new
        Oracle Primavera Unifier计划管理器(Planning Manager)
        springMVC/spring/Mybatis三大框架整合 看完必懂 秒杀阿里面试官
        企业电子文档管理系统哪个好?怎么选?
        抖音开发对接之订单取消消息
        为什么MySQL 8.0删除了查询缓存
        【ARM Cache 系列文章 7.1 – ARMv8/v9 MMU 页表配置详细介绍 02 】
      3. 原文地址:https://blog.csdn.net/y516369/article/details/126165236
    • 最新文章
    • 攻防演习之三天拿下官网站群
      数据安全治理学习——前期安全规划和安全管理体系建设
      企业安全 | 企业内一次钓鱼演练准备过程
      内网渗透测试 | Kerberos协议及其部分攻击手法
      0day的产生 | 不懂代码的"代码审计"
      安装scrcpy-client模块av模块异常,环境问题解决方案
      leetcode hot100【LeetCode 279. 完全平方数】java实现
      OpenWrt下安装Mosquitto
      AnatoMask论文汇总
      【AI日记】24.11.01 LangChain、openai api和github copilot
    • 热门文章
    • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
      奉劝各位学弟学妹们,该打造你的技术影响力了!
      五年了,我在 CSDN 的两个一百万。
      Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
      面试官都震惊,你这网络基础可以啊!
      你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
      心情不好的时候,用 Python 画棵樱花树送给自己吧
      通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
      13 万字 C 语言从入门到精通保姆级教程2021 年版
      10行代码集2000张美女图,Python爬虫120例,再上征途
    Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
    正则表达式工具 cron表达式工具 密码生成工具

    京公网安备 11010502049817号