当前位置： 首页 > news >正文

HTML(13)——显示模式

news 文章来源：https://blog.csdn.net/m0_74386799/article/details/139828989 2025/5/7 6:41:11

目录

显示模式

块级元素

行内元素 

行内块元素

转换显示模式 

显示模式：标签的显示方式

作用：布局网页时，根据标签的显示模式选择合适的标签摆放内容

显示模式

块级元素

  • 独占一行
  • 宽度默认为父级的100%
  • 添加宽高属性生效

行内元素 

  • 一行可以显示多个
  • 设置宽高属性不生效
  • 宽高尺寸由内容撑开

行内块元素

  • 一行可以显示多个
  • 设置宽高属性生效
  • 宽高尺寸可以由内容撑开 

转换显示模式 

属性名：display

属性值效果
block块级
inline-block行内块    
inline行内

相关文章：

HTML(13)——显示模式

目录 显示模式 块级元素 行内元素 行内块元素 转换显示模式 显示模式：标签的显示方式 作用：布局网页时，根据标签的显示模式选择合适的标签摆放内容 显示模式 块级元素 独占一行宽度默认为父级的100%添加宽高属性生效 行内元素 …...

编程日记 2024/6/24 8:15:52

【Spring】Spring Boot 快速入门

📚博客主页：爱敲代码的小杨. ✨专栏：《Java SE语法》 | 《数据结构与算法》 | 《C生万物》 |《MySQL探索之旅》 |《Web世界探险家》 ❤️感谢大家点赞👍🏻收藏⭐评论✍🏻，您的三连就是我持续更…...

编程日记 2024/6/24 8:13:49

Go自定义数据的序列化流程

💝💝💝欢迎莅临我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。 推荐:「stormsha的主页」…...

编程日记 2024/6/24 8:11:47

贪心算法练习题（2024/6/18）

什么是贪心 贪心的本质是选择每一阶段的局部最优，从而达到全局最优。 贪心算法一般分为如下四步： 将问题分解为若干个子问题找出适合的贪心策略求解每一个子问题的最优解将局部最优解堆叠成全局最优解 1分发饼干 假设你是一位很棒的家长&#xff0c…...

编程日记 2024/6/24 8:10:46

4.1 四个子空间的正交性

一、四个子空间的正交性 如果两个向量的点积为零，则两个向量正交： v ⋅ w v T w 0 \boldsymbol v\cdot\boldsymbol w\boldsymbol v^T\boldsymbol w0 v⋅wvTw0。本章着眼于正交子空间、正交基和正交矩阵。两个子空间的中的向量，一组基中的向…...

编程日记 2024/6/24 8:09:45

RabbitMQ实践——使用WebFlux响应式方式实时返回队列中消息

大纲 Pom.xml监听队列实时返回消息测试完整代码工程代码 在之前的案例中，我们在管理后台收发消息都是通过短连接的形式。本文我们将探索对队列中消息的实时读取，并通过流式数据返回给客户端。 webflux是反应式Web框架，客户端可以通过一个长连…...

编程日记 2024/6/24 8:07:42

SpringBoot前后端传递数据时常用的JSON格式数据是什么？【讲解JSON概念、语法、以及Java对象互转】

SpringBoot前后端传递数据时常用的JSON格式数据是什么？ JSON概念JSON语法JSON的两种结构：JSON字符串和Java对象互转：objectMapper.writeValueAsString(person);objectMapper.readValue(jsonStr,Person.class); 在SpringMVC框架中，…...

编程日记 2024/6/24 8:05:40

mysql学习——SQL中的DQL和DCL

SQL中的DQL和DCL DQL基本查询条件查询聚合函数分组查询排序查询分页查询 DCL管理用户权限控制 学习黑马MySQL课程，记录笔记，用于复习。 DQL DQL英文全称是Data Query Language(数据查询语言)，数据查询语言，用来查询数据库中表的记…...

编程日记 2024/6/24 8:04:38

windows系统上nginx搭建文件共享

1、下载windows版nginx 下载地址 2、配置nginx 编辑nginx.conf配置文件 在http模块下添加这个参数 underscores_in_headers on;#修改location内容，共享哪个文件夹，就写哪个文件夹，最后一定要跟上/，否则无法访问 location / {…...

编程日记 2024/6/24 8:03:37

星闪指向遥控，做家电交互的破壁人

“面壁者罗辑，我是你的破壁人。” 科幻小说《三体》中，当人类的基础科学被三体人封锁，变得停步不前，人类启动了自救的面壁计划，通过一次又一次破壁，找到战胜三体人的办法。 现实中，有一点已经成…...

编程日记 2024/6/24 8:02:35

SpringBoot使用AutoConfigure实现依赖库自动导入配置

我们知道导入配置有两种，一种是Value，一种是ConfigurationProperties，将对应的类标记为Component即可导入。但是被注解标识的类创建Bean有一个前提，只对启动类所在的包路径下的所有带有Component等注解的类才会创建Bean。如果我们…...

编程日记 2024/6/24 8:01:34

QT中利用动画弄一个侧边栏窗口，以及贴条效果

1、效果 2、关键代码 void Widget::on_sliderBtn_clicked() {m_sliderWidget->show();QPropertyAnimation* animation = new QPropertyAnimation(m...

编程日记 2024/6/24 8:00:32

win10免安装配置MySQL8.4.0

注：此教程基于win10 22H2 版本 1、下载最新版本MySQL压缩包 下载链接：MySQL官网下载地址 点击第二行的 ZIP Archive 后面的Download（当前时间2024-06-19最新版本是8.4.0） 2、解压并添加配置文件 下载完毕后，解压缩…...

编程日记 2024/6/24 7:58:29

VS Code安装及环境配置（超详细）

VS Code简介 Visual Studio Code（简称 VS Code ）是 Microsoft 于2015年4月发布的一款代码编辑器，以界面简洁、轻量著称。 它是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流开发语言的语法高亮、智能代码补全、自定义…...

编程日记 2024/6/24 7:57:28

shell脚本通过解析日志使用串口开关屏知识点整理

#!/bin/bash #logPath 写日志的存放路径 #logPath/home/workspace/tvs/trainborne logPath/home/firefly tmpFile$$ function getLogName() { #echo "$logPath/LCDController_"date "%Y%m%d000000.log" echo "LCDController_20240424000000.log&quo…...

编程日记 2024/6/24 7:56:27

速盾：视频cdn和网站cdn的相同点与不同点

CDN（Content Delivery Network）是一种分布式网络架构，旨在为用户提供高效、高质量的内容传送服务。CDN主要通过将内容分发到全球各地的边缘节点，并根据用户的地理位置选择最近的节点来提供内容，从而加速内容的传输并降…...

编程日记 2024/6/24 7:55:26

37.自定义协议

自定义协议要素 1.魔数：用来第一时间判定是否是无效数据包。 2.版本号：主持协议升级。 3.序列化算法：消息正文到底采用那种序列化方式，可以由此扩展，例如：json,protobuf（google的序列化算法，基于二进制，虽然可读性不好，但是字节数占用更少）,hessian（基于二进制）…...

编程日记 2024/6/24 7:54:24

【React Native】measureInWindow在安卓上无法正确获取View在屏幕上的布局信息

问题描述： 在React Native中，我们可以使用measureInWindow的方式去获取一个View在屏幕中的位置信息： 下面这个Demo中，我们写了一个页面HomePage和一个列表项组件ListItemA，我们期望每过5s监测一次列表中每一项在屏幕中…...

编程日记 2024/6/24 7:53:22

C++ 教程 - 04 类的使用

文章目录 类的定义类定义案例构造函数 类的定义 C 在 C 语言的基础上增加面向对象编程，类是用于指定对象的形式，是一种用户自定义的数据类型，封装了数据和函数。类可以被看作是一种模板，可以用来创建具有相同属性和行为的多个对象…...

编程日记 2024/6/24 7:51:18

excel按模板文件导出多个文件并压缩为ZIP格式返回前端

思路：先准备好模板文件和与之对应的实体类，数据库数据等，还是之前思路，根据查出的数据，填充模板文件，生成一个临时文件，最后将这些个临时文件打包为zip返回前端，并将多个临时文件删除…...

编程日记 2024/6/24 7:49:16

自动驾驶仿真测试用例表格示例 ACC ELK FCW

自动驾驶仿真测试用例表格示例 测试用例概览 本测试用例表格涵盖了自动驾驶系统中多个关键功能和场景的测试，旨在确保系统在不同条件下的表现和稳定性。 用例编号测试项目测试描述预期结果实际结果通过/失败TC-001ACC功能测试在高速公路上启用ACC，测试车…...

编程日记 2024/6/24 7:48:15

数组 (java)

文章目录 一维数组静态初始化动态初始化 二维数组静态初始化动态初始化 数组参数传递可变参数关于 main 方法的形参 argsArray 工具类sort 中的 comparable 和 comparatorcomparator 比较器排序comparable 自然排序 一维数组 线性结构 静态初始化 第一种：int[] a…...

编程日记 2024/6/24 7:46:12

时序预测 | Matlab基于Transformer多变量时间序列多步预测

目录 效果一览基本介绍程序设计参考资料 效果一览 基本介绍 1.Matlab基于Transformer多变量时间序列多步预测； 2.多变量时间序列数据集（负荷数据集），采用前96个时刻预测的特征和负荷数据预测未来96个时刻的负荷数据； 3…...

编程日记 2024/6/24 7:45:11

suuk-s.php.jpg-python 库劫持

做virtualBox的端口映射吧 suukmedim文件白名单绕过、反弹shell、$paht环境变量更改、python 库劫持提权、Reptile提权、sandfly-processdecloak使用 服务扫描 ┌──(kali㉿kali)-[~] └─$ sudo nmap -sV -A -T 4 -p 22,80 192.168.18.238GetSHell 访问80http://192.168.…...

编程日记 2024/6/24 7:42:07

python3GUI--ktv点歌软件By:PyQt5（附下载地址）

文章目录 一．前言二．展示1.启动2.搜索2.服务1.首页2.天气预报3.酒水饮料4.酒水饮料2 3.服务4.灯光5.调音6.排行榜7.分类点歌9.歌手点歌10.歌手个人页 三．心得体会1.关于代码2.关于设计3.关于打包 四．总结 文件大小：33.…...

编程日记 2024/6/24 7:40:05

opencascade AIS_InteractiveContext源码学习2

AIS_InteractiveContext 前言 交互上下文（Interactive Context）允许您在一个或多个视图器中管理交互对象的图形行为和选择。类方法使这一操作非常透明。需要记住的是，对于已经被交互上下文识别的交互对象，必须使用上下文方法进行…...

编程日记 2024/6/24 7:39:05

scale()函数详解

scale()函数是R语言中用于标准化和中心化数据的一个函数。这个函数通常用于数据预处理，以便于后续的分析和建模。下面是对scale()函数的详细介绍： 用法 scale(x, center TRUE, scale TRUE)参数 x: 一个数值型向量、矩阵或数据框，是需要进…...

编程日记 2024/6/24 7:36:02

计算机基础学习有多重要？学哪些？如何学？

计算机基础是我们计算机生涯的开始，而对大学生来说，基础是一方面，更重要的是应对面试。这样说吧，校招：计算机基础占90%，专业知识占10%，社招：计算机基础占20%，专业知识占8…...

编程日记 2024/6/24 7:32:58

Oracle day9

------------------------------------------------------------------------------------ --创建用户 create user test1 identified by 123456; create user ZJun identified by 888888; --授予权限 grant create session to test1; grant create session to ZJun; --删除用…...

编程日记 2024/6/24 7:29:56

Race Condition竞争条件

Race Condition Question – why was there no race condition in the first solution (where at most N – 1) buffers can be filled?Processes P0 and P1 are creating child processes using the fork() system callRace condition on kernel variable next_available_pid…...

编程日记 2024/6/24 7:28:55