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

HTML(13)——显示模式

news 2026/5/17 3:12:50

目录

显示模式

块级元素

行内元素 

行内块元素

转换显示模式 

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

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

显示模式

块级元素

  • 独占一行
  • 宽度默认为父级的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

BootPay MCP：基于Model Context Protocol的支付网关标准化集成方案

1. 项目概述：BootPay MCP 是什么，以及它解决了什么问题如果你正在开发一个需要处理在线支付的应用，无论是电商平台、订阅服务还是数字内容销售，集成支付网关往往是项目中最复杂、最让人头疼的环节之一。不同的支付方式&#xff08…...

编程新知 2026/5/17 2:07:29

基于LanceDB的AI记忆管理系统：从向量存储到智能记忆引擎

1. 项目概述：一个面向AI记忆管理的向量数据库解决方案最近在折腾AI应用，特别是那些需要长期记忆和上下文关联的智能体（Agent）时，我发现一个核心痛点：如何高效、低成本地存储和检索海量的对话历史、知识片段…...

编程新知 2026/5/17 1:41:28

Excalidraw结合MCP协议：实现智能架构图与开发生态动态连接

1. 项目概述：当Excalidraw遇见MCP，架构图绘制的效率革命如果你和我一样，日常工作中需要频繁绘制系统架构图、流程图，那么你一定对Excalidraw不陌生。这款开源的、手绘风格的绘图工具，以其简洁、直观和强大的协作能力&a…...

编程新知 2026/5/17 0:11:45

Win11任务栏小喇叭失踪？别慌！3个亲测有效的修复方法（含重启资源管理器与音频服务）

Win11任务栏音量图标消失？3种专业修复方案与深度解析 刚升级Win11的用户常会遇到一个令人抓狂的小问题——任务栏右下角的音量图标突然"离家出走"。这个看似微不足道的小喇叭，却是我们日常调节系统音量的主要入口。当它消失时，不仅…...

编程新知 2026/5/16 23:01:34

ssh 使用问题汇总

本文深入探讨SSH连接失败、密钥管理、权限设置等常见难题，并提供详细的解决方案。通过本文，您将能够轻松应对SSH使用过程中遇到的各类问题，提升SSH操作效率，保障远程连接的安全性。 1. Connection reset by peer 现象 ssh到ser…...

编程新知 2026/5/16 22:00:25

BLE AT指令实战：从GAP广播到GATT服务构建的嵌入式蓝牙开发指南

1. 项目概述与BLE AT指令核心价值如果你正在捣鼓物联网设备、可穿戴硬件或者任何需要无线连接的嵌入式项目，蓝牙低功耗（BLE）技术大概率是你绕不开的一环。它功耗低、连接快，非常适合那些需要长时间运行、间歇性传输少量数据的场景…...

编程新知 2026/5/16 21:20:19

B站API数据采集终极指南：5个高效反爬虫策略与实战技巧

B站API数据采集终极指南：5个高效反爬虫策略与实战技巧 【免费下载链接】bilibili-api 哔哩哔哩常用API调用。支持视频、番剧、用户、频道、音频等功能。原仓库地址：https://github.com/MoyuScript/bilibili-api 项目地址: https://gitcode.com/gh_mirr…...

编程新知 2026/5/16 21:13:36

QtUnblockNeteaseMusic终极指南：跨平台音乐解锁工具的技术实现与应用

QtUnblockNeteaseMusic终极指南：跨平台音乐解锁工具的技术实现与应用 【免费下载链接】QtUnblockNeteaseMusic A desktop client for UnblockNeteaseMusic, made with Qt. 项目地址: https://gitcode.com/gh_mirrors/qt/QtUnblockNeteaseMusic 在数字音乐流媒…...

编程新知 2026/5/16 20:28:14

python安装openai库后如何快速接入taotoken多模型服务

🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 Python安装OpenAI库后如何快速接入Taotoken多模型服务 对于已经完成Python环境和OpenAI库安装的开发者，接入Taotoken平…...

编程新知 2026/5/16 20:02:24

前端入门必学：CSS盒子模型与图片样式全解析前言

在学习前端开发的过程中，掌握 CSS 的基础知识是至关重要的一步。本文将详细介绍 CSS 盒子模型、标签宽高、边框、边距 以及 图片与背景图片 的使用方法，适合刚入门的同学系统学习和复习。一、CSS 盒子模型——页面布局的基石1. 什么是盒子模型&#xff1…...

编程新知 2026/5/16 20:00:23