码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 元素的显示模式 块元素 和 行内元素


    元素显示模式就是 元素(标签) 以什么方式进行显示, 比如

    自己占一行, 比如一行可以放多个  

    HTML 元素一般分为 块元素 和 行内元素 两种类型

    常见的块元素有

    ~
     

     

     
       
         
      1.   等, 其中
        标签是 最典型的块元素

        块级元素的特点:

        1.  比较霸道, 自己独占一行

        2.  高度 宽度 外边距以及 内边距 都可以控制

        3.  宽度默认是容器 ( 父级宽度 ) 的 100%

        4.  是一个容器以及盒子, 里面可以放行内或者块级元素

        文字类的元素内不能使用 块级元素

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

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

        同理,

        ~
        等都是文字类块级标签, 里面也不能放其他块级元素

        行内元素

        常见的行内元素有 等,

        其中 标签是 最典型的行内元素。 有的地方也将行内元素称为 内联元素

        行内元素的特点:

        1.  相邻行内元素在一行上, 一行可以显示多个

        2.  高 宽 直接设置是无效的

        3. 默认宽度就是它本身内容的宽度

        4. 行内元素只能容纳文本或其他行内元素

        注意:

        链接里面不能再放链接

        特殊情况链接 里面可以放 块级元素, 但是给 转换一下块级模式最安全

        行内块元素

        在行内元素中有几个特殊的标签 ——     ,他们同时具有块元素和行内元素的特点   

        特点:

        1.  和相邻行内元素 (行内块) 在一行上, 但它们之间会有空白缝隙, 一行可以显示多个 (行内元素特点)

        2.  默认宽度就是它本身内容的宽度 (行内元素特点)

        3.  高度 行高 外边距 以及 内边距 都可以控制 ( 块级元素特点 )

        转换为块元素: display: block;

        转换为行内元素:   display:inline;

        转换为行内块: display: inline-block;

      2. 相关阅读:
        谷歌新大楼正式开放:“龙鳞”顶棚、100%电动、最大地热桩系统······
        语音控制-循迹跟随避障前进后退左转右转
        MySQL安装
        数据结构--B树
        系统集成|第二十一章(笔记)
        正则表达式及通配符匹配问题(建议收藏)
        wangEditor在Vue3中的使用
        【个人博客搭建】(24)统一api接口返回格式
        RIP协议;OSPF协议;BGP协议
        《基础会计学》期末模拟试题及答案
      3. 原文地址:https://blog.csdn.net/MOUNTAIN_SEA1/article/details/126222815
    • 最新文章
    • 沪漂五周年了:我越来越迷茫了
      Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
      MySQL-Seconds_behind_master的精度误差
      [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
      AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
      Agent OS :五种驯服不确定性的范式
      PortSwigger SQL注入LAB11
      数据库即时编译JIT
      [Begin]AI Learn Data Day 0
      深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
    • 热门文章
    • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
      奉劝各位学弟学妹们,该打造你的技术影响力了!
      五年了,我在 CSDN 的两个一百万。
      Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
      面试官都震惊,你这网络基础可以啊!
      你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
      心情不好的时候,用 Python 画棵樱花树送给自己吧
      通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
      13 万字 C 语言从入门到精通保姆级教程2021 年版
      10行代码集2000张美女图,Python爬虫120例,再上征途

    小工具 小游戏
    Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

    京公网安备 11010502049817号