码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 【块级元素、行内元素、行内块元素(详解css的display属性)】


    块级元素、行内元素、行内块元素(详解css的display属性)

    块级元素:display:block;独占一行。

    可以设置元素的height、width,不设置宽度,块级元素会默认填满父级元素的宽度。
    可以设置padding、margin各个属性值,top、left、bottom、right都能产生边距效果

    行内元素:display:inline;可以与其他行内元素共享一行。

    不可以设置元素的height、width值,大小由内容撑开
    可以使用padding,padding的top、bottom、left、right都有效,margin只有left、 right产生边距效果,top、bottom不生效。

    行内块元素:display:inline-block

    融合了块级元素和行内元素的特点:
    拥有行内元素的特点,可以与其他元素共享一行,不会独占一行
    可以设置height、width、padding、margin属性值
    在同一行内有不同高度内容的元素时,通常要设置对齐方式如vertical-align: top;来使元素顶部对齐

    给块级元素

    设置display:inline-block使其变成行内块元素,让两个table处于一行并列显示。
    在这里插入图片描述

    在这里插入图片描述

  • 相关阅读:
    设计-命令模式
    Java数据类型
    java 数据类型的分类
    (最详细)关于List和Set的区别与应用
    Java计算机毕业设计体育城场地预定系统后台源码+系统+数据库+lw文档
    [附源码]计算机毕业设计springboot港口集团仓库管理系统
    《银行法律法规》三、银行管理——5、风险管理
    <6>【深度学习 × PyTorch】概率论知识大汇总 | 实现模拟骰子的概率图像 | 互斥事件、随机变量 | 联合概率、条件概率、贝叶斯定理 | 附:Markdown 不等于符号、无穷符号
    算术逻辑单元的实现(ALU)
    智能合约语言(eDSL)—— 测试
  • 原文地址:https://blog.csdn.net/Da_Xiong000/article/details/125905109
    • 最新文章
    • 攻防演习之三天拿下官网站群
      数据安全治理学习——前期安全规划和安全管理体系建设
      企业安全 | 企业内一次钓鱼演练准备过程
      内网渗透测试 | 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号