HTML(13)——显示模式
目录
显示模式
块级元素
行内元素
行内块元素
转换显示模式
显示模式：标签的显示方式
作用：布局网页时，根据标签的显示模式选择合适的标签摆放内容
显示模式
块级元素
- 独占一行
- 宽度默认为父级的100%
- 添加宽高属性生效
行内元素
- 一行可以显示多个
- 设置宽高属性不生效
- 宽高尺寸由内容撑开
行内块元素
- 一行可以显示多个
- 设置宽高属性生效
- 宽高尺寸可以由内容撑开
转换显示模式
属性名：display
| 属性值 | 效果 |
|---|---|
| block | 块级 |
| inline-block | 行内块 |
| inline | 行内 |
相关文章：
——显示模式)
HTML(13)——显示模式
目录 显示模式 块级元素 行内元素 行内块元素 转换显示模式 显示模式：标签的显示方式 作用：布局网页时，根据标签的显示模式选择合适的标签摆放内容 显示模式 块级元素 独占一行宽度默认为父级的100%添加宽高属性生效 行内元素 …...
【Spring】Spring Boot 快速入门
📚博客主页：爱敲代码的小杨. ✨专栏：《Java SE语法》 | 《数据结构与算法》 | 《C生万物》 |《MySQL探索之旅》 |《Web世界探险家》 ❤️感谢大家点赞👍🏻收藏⭐评论✍🏻，您的三连就是我持续更…...
Go自定义数据的序列化流程
💝💝💝欢迎莅临我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。 推荐:「stormsha的主页」…...
贪心算法练习题（2024/6/18）
什么是贪心 贪心的本质是选择每一阶段的局部最优，从而达到全局最优。 贪心算法一般分为如下四步： 将问题分解为若干个子问题找出适合的贪心策略求解每一个子问题的最优解将局部最优解堆叠成全局最优解 1分发饼干 假设你是一位很棒的家长，…...
4.1 四个子空间的正交性
一、四个子空间的正交性 如果两个向量的点积为零，则两个向量正交： v ⋅ w v T w 0 \boldsymbol v\cdot\boldsymbol w\boldsymbol v^T\boldsymbol w0 v⋅wvTw0。本章着眼于正交子空间、正交基和正交矩阵。两个子空间的中的向量，一组基中的向…...
RabbitMQ实践——使用WebFlux响应式方式实时返回队列中消息
大纲 Pom.xml监听队列实时返回消息测试完整代码工程代码 在之前的案例中，我们在管理后台收发消息都是通过短连接的形式。本文我们将探索对队列中消息的实时读取，并通过流式数据返回给客户端。 webflux是反应式Web框架，客户端可以通过一个长连…...
SpringBoot前后端传递数据时常用的JSON格式数据是什么？【讲解JSON概念、语法、以及Java对象互转】
SpringBoot前后端传递数据时常用的JSON格式数据是什么？ JSON概念JSON语法JSON的两种结构：JSON字符串和Java对象互转：objectMapper.writeValueAsString(person);objectMapper.readValue(jsonStr,Person.class); 在SpringMVC框架中，…...
mysql学习——SQL中的DQL和DCL
SQL中的DQL和DCL DQL基本查询条件查询聚合函数分组查询排序查询分页查询 DCL管理用户权限控制 学习黑马MySQL课程，记录笔记，用于复习。 DQL DQL英文全称是Data Query Language(数据查询语言)，数据查询语言，用来查询数据库中表的记…...
windows系统上nginx搭建文件共享
1、下载windows版nginx 下载地址 2、配置nginx 编辑nginx.conf配置文件 在http模块下添加这个参数 underscores_in_headers on;#修改location内容，共享哪个文件夹，就写哪个文件夹，最后一定要跟上/，否则无法访问 location / {…...
星闪指向遥控，做家电交互的破壁人
“面壁者罗辑，我是你的破壁人。” 科幻小说《三体》中，当人类的基础科学被三体人封锁，变得停步不前，人类启动了自救的面壁计划，通过一次又一次破壁，找到战胜三体人的办法。 现实中，有一点已经成…...
SpringBoot使用AutoConfigure实现依赖库自动导入配置
我们知道导入配置有两种，一种是Value，一种是ConfigurationProperties，将对应的类标记为Component即可导入。但是被注解标识的类创建Bean有一个前提，只对启动类所在的包路径下的所有带有Component等注解的类才会创建Bean。如果我们…...
QT中利用动画弄一个侧边栏窗口，以及贴条效果
1、效果 2、关键代码 void Widget::on_sliderBtn_clicked() {m_sliderWidget->show();QPropertyAnimation* animation = new QPropertyAnimation(m...
win10免安装配置MySQL8.4.0
注：此教程基于win10 22H2 版本 1、下载最新版本MySQL压缩包 下载链接：MySQL官网下载地址 点击第二行的 ZIP Archive 后面的Download（当前时间2024-06-19最新版本是8.4.0） 2、解压并添加配置文件 下载完毕后，解压缩…...
VS Code安装及环境配置（超详细）
VS Code简介 Visual Studio Code（简称 VS Code ）是 Microsoft 于2015年4月发布的一款代码编辑器，以界面简洁、轻量著称。 它是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流开发语言的语法高亮、智能代码补全、自定义…...
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…...
速盾：视频cdn和网站cdn的相同点与不同点
CDN（Content Delivery Network）是一种分布式网络架构，旨在为用户提供高效、高质量的内容传送服务。CDN主要通过将内容分发到全球各地的边缘节点，并根据用户的地理位置选择最近的节点来提供内容，从而加速内容的传输并降…...
37.自定义协议
自定义协议要素 1.魔数：用来第一时间判定是否是无效数据包。 2.版本号：主持协议升级。 3.序列化算法：消息正文到底采用那种序列化方式，可以由此扩展，例如：json,protobuf（google的序列化算法，基于二进制，虽然可读性不好，但是字节数占用更少）,hessian（基于二进制）…...
【React Native】measureInWindow在安卓上无法正确获取View在屏幕上的布局信息
问题描述： 在React Native中，我们可以使用measureInWindow的方式去获取一个View在屏幕中的位置信息： 下面这个Demo中，我们写了一个页面HomePage和一个列表项组件ListItemA，我们期望每过5s监测一次列表中每一项在屏幕中…...
C++ 教程 - 04 类的使用
文章目录 类的定义类定义案例构造函数 类的定义 C 在 C 语言的基础上增加面向对象编程，类是用于指定对象的形式，是一种用户自定义的数据类型，封装了数据和函数。类可以被看作是一种模板，可以用来创建具有相同属性和行为的多个对象…...
excel按模板文件导出多个文件并压缩为ZIP格式返回前端
思路：先准备好模板文件和与之对应的实体类，数据库数据等，还是之前思路，根据查出的数据，填充模板文件，生成一个临时文件，最后将这些个临时文件打包为zip返回前端，并将多个临时文件删除…...
Windows环境下coturn服务器部署与配置实战
1. Windows下coturn服务器部署全攻略 最近在做一个WebRTC项目时，发现很多开发者卡在了TURN服务器搭建这个环节。特别是需要在Windows环境下部署coturn的场景，网上的资料要么太零散，要么直接照搬Linux的教程。今天我就把自己在Windows 10上通过…...
BetterJoy终极指南：让Switch手柄在Windows上完美运行
BetterJoy终极指南：让Switch手柄在Windows上完美运行 【免费下载链接】BetterJoy Allows the Nintendo Switch Pro Controller, Joycons and SNES controller to be used with CEMU, Citra, Dolphin, Yuzu and as generic XInput 项目地址: https://gitcode.com/g…...
PyTorch 2.8镜像实际效果：torch.compile+FlashAttention-2双优化下的吞吐量提升对比
PyTorch 2.8镜像实际效果：torch.compileFlashAttention-2双优化下的吞吐量提升对比 1. 镜像环境与技术亮点 PyTorch 2.8深度学习镜像为开发者提供了一个开箱即用的高性能计算环境。基于RTX 4090D 24GB显卡和CUDA 12.4的深度优化组合，这个镜像特别适合需…...
Qwen2.5-0.5B-Instruct新手入门：从零到一的AI助手搭建全流程
Qwen2.5-0.5B-Instruct新手入门：从零到一的AI助手搭建全流程 1. 认识Qwen2.5-0.5B-Instruct 1.1 模型特点与优势 Qwen2.5-0.5B-Instruct是阿里开源的通义千问系列中最轻量级的指令微调版本，专为资源有限环境优化设计。这个5.08亿参数的模型虽然体积小…...
ZYNQ PS侧DDR3内存配置避坑指南：以ACZ702开发板为例，手把手教你搞定MT41K128M16
ZYNQ PS侧DDR3内存配置实战：从硬件原理到Vivado参数设置全解析 当你第一次拿到ACZ702这样的ZYNQ开发板，准备配置PS侧的DDR3内存时，是否遇到过这样的困惑：为什么在Vivado中找不到DDR管脚约束选项？为什么按照传统FPGA的D…...
OpenCompass本地评测大模型实战指南（2025最新版）
1. 为什么你需要OpenCompass本地评测 最近两年大模型发展太快了，各种新模型层出不穷。作为开发者，你是不是经常遇到这样的困惑：这个新发布的模型到底效果如何？和之前用的模型相比优势在哪里？官方公布的benchmark数据靠…...
用STM32F103的TIM3实现旋转编码器方向判断：AB相相位差处理的5个关键细节
STM32F103旋转编码器方向判断实战：TIM3相位差处理的5个核心技巧 旋转编码器作为工业控制和人机交互中广泛使用的传感器，其方向判断的准确性直接影响系统控制的可靠性。本文将深入探讨基于STM32F103的TIM3定时器实现旋转编码器方向判断的关键技术细节&…...
CLIP-GmP-ViT-L-14图文匹配工具入门必看：上传图片+批量文本匹配全流程
CLIP-GmP-ViT-L-14图文匹配工具入门必看：上传图片批量文本匹配全流程 你是不是经常好奇，AI到底能不能看懂图片？比如，你给它一张小狗的照片，它能准确说出这是“一只狗”而不是“一只猫”或“一辆车”吗？今天…...
本地Cookie管理工具：安全导出与高效应用指南
本地Cookie管理工具：安全导出与高效应用指南 【免费下载链接】Get-cookies.txt-LOCALLY Get cookies.txt, NEVER send information outside. 项目地址: https://gitcode.com/gh_mirrors/ge/Get-cookies.txt-LOCALLY 在当今数字化环境中，Cookie作为…...
工艺智能如何让汽车涂装质量更稳、成本更低？
一辆汽车的车身涂层究竟需要经历怎样的极限挑战？从出厂时如镜面般的光泽，到在十年风雨中抵御紫外线、酸雨和砂石的侵蚀，涂装工艺正是赋予汽车这幅铠甲的关键。然而，在过去，这道工序高度依赖老师傅的经验，面…...