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

CSS浮动详解

news 来源：原创 2025/9/1 13:45:03

1. 浮动的简介

浮动是用来实现文字环绕图片效果的

2.元素浮动后会有哪些影响

对兄弟元素的影响： 后面的兄弟元素，会占据浮动元素之前的位置，在浮动元素的下面；对前面的兄弟无影响。

对父元素的影响： 不能撑起父元素的高度，导致父元素高度塌陷；但父元素的宽度依然束缚浮动的元素。

<!DOCTYPE html>
<html lang="zh-cn">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>浮动产生的影响</title><style>.outer{width: 500px;background-color: gray;border: 1px solid black;}.box{width: 100px;height: 100px;background-color: aqua;border: 1px solid black;margin: 5px;}/* 对父元素的影响： 不能撑起父元素的高度，导致父元素高度塌陷；但父元素的宽度依然束缚浮动的元素。 */.box1,.box2,.box3{float: left;}</style>
</head>
<body><div class="outer"><!-- 对前面的兄弟无影响 --><!-- <div class="box box0">0</div> --><div class="box box1">1</div><div class="box box1">2</div><div class="box box1">3</div><!-- 对后面的有影响 --><!-- 123都浮动了，4在1后面，但是文字随图片浮动在下面 --><!-- <div class="box box4">4</div> --></div></body>
</html>

对父元素的影响： 不能撑起父元素的高度，导致父元素高度塌陷；但父元素的宽度依然束缚浮动的元素。

对兄弟元素的影响： 后面的兄弟元素，会占据浮动元素之前的位置，在浮动元素的下面；对前面的兄弟无影响。

对后面的兄弟也影响

对前面的兄弟无影响

3.解决浮动产生的影响（清除浮动）

<!DOCTYPE html>
<html lang="zh-cn">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>浮动产生的影响</title><style>.outer{width: 500px;background-color: gray;border: 1px solid black;/* 1. 方案一： 给父元素指定高度 */height: 112px;}.box{width: 100px;height: 100px;background-color: aqua;border: 1px solid black;margin: 5px;}.box1,.box2,.box3{float: left;}</style>
</head>
<body><div class="outer"><div class="box box1">1</div><div class="box box1">2</div><div class="box box1">3</div></div></body>
</html>

1. 方案一：给父元素指定高度

但是子元素后面元素还是在浮动元素的后面

2. 方案二：给父元素也设置浮动，带来其他影响。

效果跟方案1一样

3. 方案三：给父元素设置 overflow:hidden 。

子元素后面的元素消失了更严重

但是父元素的兄弟元素没有影响

4. 方案四：在所有浮动元素的最后面， 添加一个块级元素 ，并给该块级元素设置 clear:both 。

解决了 父元素的兄弟元素没有影响；子元素后面的元素没有在浮动的元素后面

但是父元素的高度塌陷了

    .box4{/* 清除box4之前所有产生浮动元素的影响 */clear:both;}

添加的只能是块级元素

总结：

在浮动元素后面添加一个没有高度文字块级标签，然后消除这个标签前面的所有浮动元素

 .mafa{/* 清除mafa之前所有产生浮动元素的影响 */clear:both;}

5. 方案五 ：给浮动元素的父元素，设置伪元素，通过伪元素清除浮动，原理与方案四相同。 ===> 推荐使用

 /* ::after 在元素最后的位置，创建一个子元素（必须用 content 属性指定内容）。在父元素最后的位置创建一个子元素*/.outer::after{content: '';display:block;clear:both;}

完整代码

<!DOCTYPE html>
<html lang="zh-cn">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>浮动产生的影响</title><style>.outer{width: 500px;background-color: gray;border: 1px solid black;/* 1. 方案一： 给父元素指定高度 但是子元素后面还是在浮动元素的后面*//* height: 112px; *//* 2. 方案二： 给父元素也设置浮动，带来其他影响。但是子元素后面还是在浮动元素的后面 *//* float: left; *//* 3. 方案三： 给父元素设置 overflow:hidden 。 *//* overflow:hidden; *//* 4. 方案四： 在所有浮动元素的最后面，添加一个块级元素，并给该块级元素设置 clear:both 。 *//* 5. 方案五： 给浮动元素的父元素，设置伪元素，通过伪元素清除浮动，原理与方案四相同。===> 推荐使用 */}.box{width: 100px;height: 100px;background-color: aqua;border: 1px solid black;margin: 5px;}.box1,.box2,.box3,.box4{float: left;}.mafa{/* 清除mafa之前所有产生浮动元素的影响 */clear:both;}/* ::after 在元素最后的位置，创建一个子元素（必须用 content 属性指定内容）。在父元素最后的位置创建一个子元素*/.outer::after{content: '';display:block;clear:both;}</style>
</head>
<body><div class="outer"><div class="box box1">1</div><div class="box box1">2</div><div class="box box1">3</div><!-- 对后面的有影响 --><div class="box box4">4</div>   <!-- <div class="mafa"></div>   --></div><div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi adipisci accusantium veniam quos sint repellat porro neque, ex nesciunt dignissimos praesentium magni maxime saepe veritatis atque cumque illo aut facere.</div> </body>
</html>

布局中的一个原则：设置浮动的时候，兄弟元素要么全都浮动，要么全都不浮动。

4.浮动练习

<!DOCTYPE html>
<html lang="zh-cn"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>/* 清除默认样式 */* {padding: 0;margin: 0;}/* 左浮动 */.leftFD {float: left;}/* 左浮动 */.rightFD {float: right;}/* 清除浮动 */.clearFD::after {content: '';display: block;clear: both;}/* 设置盒子块水平居中 */.container {width: 960px;text-align: center;margin: 0 auto;}.logo,.banner1,.banner2 {height: 80px;background-color: aqua;line-height: 80px;}.logo {width: 200px;}.banner1 {width: 540px;margin: 0 10px;}.banner2 {width: 200px;}.menu {height: 30px;background-color: blueviolet;margin-top: 10px;}.content {margin-top: 10px;}.itme1,.itme2 {height: 198px;width: 368px;border: 1px solid black;margin-right: 10px;background-color: chocolate;line-height: 198px;}.item3,.item4,.item5,.item6 {height: 198px;width: 178px;border: 1px solid black;background-color: yellow;line-height: 198px;margin-right: 10px;}.bottom {margin-top: 10px;}.item7,.item8,.item9 {width: 198px;height: 128px;border: 1px solid 1px;line-height: 128px;margin-bottom: 10px;background-color: green;}</style>
</head><body><!-- 盒子模块 --><div class="container"><!-- 页面头部 --><div class="page-header clearFD"><div class="logo leftFD">logo</div><div class="banner1 leftFD">banner1</div><div class="banner2 leftFD">banner2</div></div><!-- 设置菜单 --><div class="menu">菜单</div><!-- 设置内容区 --><div class="content clearFD"><!-- 分左侧 --><div class="left leftFD"><!-- 分上侧 --><div class="top clearFD"><div class="itme1 leftFD">栏目一</div><div class="itme2 leftFD">栏目二</div></div><!-- 分下侧 --><div class="bottom clearFD"><div class="item3 leftFD">栏目三</div><div class="item4 leftFD">栏目四</div><div class="item5 leftFD">栏目五</div><div class="item6 leftFD">栏目六</div></div></div><!-- 分右侧 --><div class="right rightFD"><div class="item7">栏目七</div><div class="item8">栏目八</div><div class="item9">栏目九</div></div></div></div>
</body>
</html>

CSS浮动详解

1. 浮动的简介浮动是用来实现文字环绕图片效果的 2.元素浮动后会有哪些影响对兄弟元素的影响： 后面的兄弟元素，会占据浮动元素之前的位置，在浮动元素的下面；对前面的兄弟无影响。对父元素的影响： 不能撑起父元…...

编程日记 2025/9/1 13:45:03

shell脚本编程实践第2天

1 内容格式化 1.1 输出格式化 1.1.1 echo解读学习目标这一节，我们从基础知识、简单实践、小结、三个方面来学习。基础知识命令简介 echo命令的功能是将内容输出到默认显示设备，一般起到一个提示的作用。OPTIONS： -n 不要在最后自…...

编程日记 2025/8/31 13:47:18

wgcloud-server端部署说明

Wgcloud 是一款开源的轻量级服务器监控系统，支持多平台，可对服务器的 CPU、内存、磁盘、网络等指标进行实时监控。以下是 Wgcloud Server端的详细部署步骤： 环境准备服务器： 至少准备两台服务器，一台作为监控端&a…...

编程日记 2025/8/30 10:22:35

1、加密代码如下 public static String encryptAEs_CBC(String data,String key,byte[] iv) {Cipher cipher = null;try {cipher = Cipher.getInstance("AES/CBC/PKCS5Padding");//位数不够，自动补一个长度int blocksize = cipher.getBlockSize();byte[] dataBytes …...

编程日记 2025/8/31 5:30:56

9.8 Visual Studio 2022安装Qt 和安装graphic

1.安装Qt 1. 安装Qt 首先打开Visual Studio，然后创建一个项目，再在最上面的一行依次打开“扩展-->管理扩展”，再在搜索框内搜索“QT”，显示如下界面： 再在右边QT右边有个“在浏览器中查看”，打开后出现…...

编程日记 2025/9/1 13:45:02

【C++设计模式】第四篇：建造者模式（Builder）

注意：复现代码时，确保 VS2022 使用 C17/20 标准以支持现代特性。分步骤构造复杂对象，实现灵活装配 1. 模式定义与用途核心目标：将复杂对象的构建过程分离，使得同样的构建步骤可以创建不同的表示形式。常见场景&am…...

编程日记 2025/8/21 13:55:44

Spring Boot如何利用Twilio Verify 发送验证码短信？

Twilio提供了一个名为 Twilio Verify 的服务，专门用于处理验证码的发送和验证。这是一个更为简化和安全的解决方案，适合需要用户身份验证的应用。使用Twilio Verify服务的步骤以下是如何在Spring Boot中集成Twilio Verify服务的步骤： 1.…...

编程日记 2025/8/27 9:32:18

制造业中的“大数据”：如何实现精准决策？

在当今全球经济竞争日趋激烈、技术变革周期不断缩短的环境下，制造业面临着全新的挑战和机遇。随着信息技术的飞速发展，“大数据”正以前所未有的速度渗透到制造业的各个环节，帮助企业实现更精准的决策、更灵活的生产组织以及更敏捷的市场响应…...

编程日记 2025/8/30 11:43:50

Linux cat 命令

cat（英文全拼：concatenate）命令用于连接文件并打印到标准输出设备上，它的主要作用是用于查看和连接文件。使用权限所有使用者语法格式 cat [选项] [文件] 参数说明： -n：显示行号，会在输…...

编程日记 2025/8/29 15:21:47

CSS—flex布局、过渡transition属性、2D转换transform属性、3D转换transform属性

1.flex布局也叫弹性布局，是浏览器提倡的布局模型，非常适合结构化布局，提供了强大的空间分布和对齐能力，不会产生浮动布局中脱标现象，布局网页更简单，更灵活。 flex容器属性： 属性描述d…...

编程日记 2025/8/28 14:34:42

Java UDP 通信：实现简单的 Echo 服务器与客户端

在计算机网络编程中，UDP（User Datagram Protocol）是一种无连接的传输层协议，它允许应用程序在不建立连接的情况下发送数据包。与 TCP 不同，UDP 不保证数据包的顺序、可靠性或完整性，但它具有低延迟和低开销…...

编程日记 2025/8/30 10:48:25

使用GitLink个人建站服务部署Allure在线测试报告

更多技术文章，访问软件测试社区文章目录 🚀前言🔑开通GitLink个人建站服务1. 前提条件2. 登录GitLink平台（https://www.gitlink.org.cn/login）3. 进入设置>个人建站>我的站点4. 新建站点5. 去仓部进行部署6. 安…...

编程日记 2025/9/1 13:41:12

Mybatis plus异常： type `java.time.LocalDateTime` not supported by default

1、问题： Java数据库实体对象有字段如下： TableField(typeHandler JacksonTypeHandler.class) private Map<String, Object> dataDetail; 如果dataDetail中有LocalDateTime对象，在保存时会报如下异常： Caused by: com.…...

编程日记 2025/8/30 22:57:25

Django：文件上传时报错in a frame because it set ‘X-Frame-Options‘ to ‘deny‘.

即：使用Content-Security-Policy 1.安装Django CSP中间件： pip install django-csp 2.更改项目配置： # settings.py MIDDLEWARE [...csp.middleware.CSPMiddleware,... ]CSP_DEFAULT_SRC ("self",) CSP_FRAME_ANCESTORS (&q…...

编程日记 2025/9/1 11:17:32

腾讯云 | 微搭低代码快速开发数据表单应用

如上所示，登录腾讯云微搭低代码业务控制台，开始新创建一个应用，创建应用的方式包括，根据实际的业务需求，从模版列表中选择一个模板填入数据模型创建新应用，使用微搭组件自主设计数据模型创建新应用&#xf…...

编程日记 2025/8/27 11:12:01

【RabbitMQ】RabbitMQ的核心概念与七大工作模式

🔥个人主页： 中草药 🔥专栏：【中间件】企业级中间件剖析在现代分布式系统和微服务架构中，消息队列（Message Queue） 是解决服务间通信、系统解耦和流量削峰的关键技术之一。而 RabbitMQ 作为一…...

编程日记 2025/8/29 16:54:54

金蝶ERP星空对接流程

1.金蝶ERP星空OPENAPI地址： 金蝶云星空开放平台 2.下载金蝶云星空的对应SDK包金蝶云星空开放平台 3.引入SDK流程步骤引入Kingdee.CDP.WebApi.SDK 右键项目添加引用，在打开的引用管理器中选择浏览页签，点击浏览按钮，找到从官…...

编程日记 2025/8/28 6:51:14

【C++】基于范围的for循环（range-based for loop）

一. std::vector 元素排布顺序在 C 中，std::vector 是一个动态数组，用于存储同类型元素的序列。当你向 std::vector 中添加元素时（通常通过 push_back 方法），元素是按照你添加它们的顺序排列的。具体来说&#xff…...

编程日记 2025/8/30 1:05:06

下载b站视频音频

文章目录方案一：jjdown如何使用方案二：bilibili哔哩哔哩下载助手如何使用进入插件网站插件下载插件安装使用插件下载视频音频：复制音频下载地址方案三：bat命令下载单个音频下载单个视频下载单个音视频方案一：jjdo…...

编程日记 2025/8/30 1:05:08

LabVIEW DataSocket 通信库详解

dataskt.llb 是 LabVIEW 2019 内置的核心函数库之一，位于 vi.lib\Platform\ 目录下，专注于 DataSocket 技术的实现。DataSocket 是 NI 提供的网络通信协议，支持跨平台、跨设备的实时数据共享，广泛应用于远程监控、分布式系统集成等…...

编程日记 2025/8/31 0:29:01

金融项目实战

测试流程测试流程功能测试流程功能测试流程需求评审制定测试计划编写测试用例和评审用例执行缺陷管理测试报告接口测试流程接口测试流程需求评审制定测试计划分析api文档编写测试用例搭建测试环境编写脚本执行脚本缺陷管理测试报告测试步骤测试步骤需求评审需求评…...

编程日记 2025/8/26 18:08:50

初始网络编程

什么是网络编程？ 在网络通信协议下，不同计算机上运行的程序，进行的数据传输。应用场景：即时通信、网游对战、金融证券、国际贸易、邮件、等等。不管是什么场景，都是计算机跟计算机之间通过网络进行数据传输。 …...

编程日记 2025/8/24 15:49:24

编译可以在Android手机上运行的ffmpeg程序

下载代码 git clone gitgithub.com:FFmpeg/FFmpeg.git git checkout n7.0建立build目录 mkdir build cd build创建build.sh脚本 vim build.sh这段脚本的主要功能是配置和编译 FFmpeg，使其能够在 Android 平台上运行，通过设置不同的架构和 API 级别&am…...

编程日记 2025/8/29 12:04:59

使用Kubernetes部署Spring Boot项目

目录前提条件新建Spring Boot项目并编写一个接口新建Maven工程导入 Spring Boot 相关的依赖启动项目编写Controller 测试接口构建镜像打jar包新建Dockerfile文件 Linux目录准备上传Dockerfile和target目录到Linux 制作镜像查看镜像测试镜像上传镜…...

编程日记 2025/8/29 3:28:31

LC77. 组合

LC77. 组合题目要求(一)回溯1. 解决思路2. 具体步骤3. 代码实现4. 复杂度分析5. 示例解释示例 1：示例 2： 6. 总结 LC77. 组合题目要求 (一)回溯要解决这个问题，我们需要生成从 [1, n] 范围内选择 k 个数的所有可能组合。组合的顺序不重要…...

编程日记 2025/8/26 10:15:07

Android中的ANR（Application Not Responding）现象

Android中的ANR（Application Not Responding）现象是指应用程序未能在规定的时间内响应系统或用户的输入事件，从而触发系统弹出的无响应对话框。以下是关于ANR现象的详细解释： 一、ANR现象的定义 ANR通常发生在以下情况&#xff…...

编程日记 2025/8/29 15:16:45

操作系统启动——前置知识预备

文章目录 1. 理解冯诺依曼体系结构1.1 简单见一见冯诺依曼1.2 进一步认识1.3 为什么一定要有内存的存在？ 2. 操作系统2.1 概念2.2 设计OS的目的2.3 OS的核心功能2.4 如何理解“管理”二字？(小故事版)2.5 系统调用和库函数概念 3. 进程简述3.1 基本概念3.…...

编程日记 2025/8/29 4:16:37

Unity中VFX烟雾特效与场景中的碎片物体重叠时闪烁问题

双击Unity项目中vfx特效文件，选中VFX编辑器中的Output Particle节点，看右侧的Inspector窗口这个图的BlendMode是Alpha, 意味着渲染队列是3000要关闭Z Write Mode, 其值设置为off最后一个属性Sorting Priorty 设置为50，意味着渲染队列在3000…...

编程日记 2025/8/28 10:27:20

[RN]React Native知识框架图详解

React Native 是一个基于 React 的跨平台移动应用开发框架。以下是 React Native 知识框架图的详细解析： React Native 知识框架 1. 核心概念 JSX：JavaScript XML 语法，类似 HTML 的语法，用于描述 UI 组件。组件（Com…...

编程日记 2025/8/28 11:21:30

每日OJ_牛客_游游的字母串_枚举_C++_Java

目录牛客_游游的字母串_枚举题目解析 C代码 Java代码牛客_游游的字母串_枚举游游的字母串描述： 对于一个小写字母而言，游游可以通过一次操作把这个字母变成相邻的字母。a和b相邻，b和c相邻，以此类推。特殊的&#xff0…...

编程日记 2025/8/26 3:49:43

解锁MacOS开发：环境配置与应用开发全攻略

✨✨✨这里是小韩学长yyds的BLOG(喜欢作者的点个关注吧) ✨✨✨想要了解更多内容可以访问我的主页小韩学长yyds-CSDN博客目录引言一、MacOS 开发环境配置 （一）必备工具安装 （二）集成开发环境（IDE）选…...

编程日记 2025/8/28 8:25:08

IDEA 2025最新版2024.3.3软件安装、插件安装、语言设置

IntelliJ IDEA是一款由JetBrains公司开发的集成开发环境（IDE），主要用于Java语言的开发，它通过提供丰富的功能如智能代码补全、代码分析、版本控制集成等来提高开发效率。 IDEA有社区版和专业版两个版本，社区版是免费开…...

编程日记 2025/8/28 10:22:02

leetcode 0018 四数之和-medium

1 题目：四数之和给你一个由 n 个整数组成的数组 nums ，和一个目标值 target 。请你找出并返回满足下述全部条件且不重复的四元组 [nums[a], nums[b], nums[c], nums[d]] （若两个四元组元素一一对应，则认为两个四元组重复&#x…...

编程日记 2025/8/29 3:08:30

Ubuntu 下 nginx-1.24.0 源码分析 - ngx_conf_add_dump

ngx_conf_add_dump 定义在src\core\ngx_conf_file.c static ngx_int_t ngx_conf_add_dump(ngx_conf_t *cf, ngx_str_t *filename) {off_t size;u_char *p;uint32_t hash;ngx_buf_t *buf;ngx_str_node_t *sn;ngx_conf_dump_t *cd;has…...

编程日记 2025/8/30 13:28:26

家政预约小程序用例图分析

在和客户进行需求沟通的时候，除了使用常规的问答的形式，我还使用图形化工具更深入的沟通。比如借助UML的用例图来开展系统分析，并且按照角色详细拆解了家政预约小程序的各个用例。在分析阶段思考的越多，沟通的越多，在系…...

编程日记 2025/9/1 9:59:01

unity学习62，尝试做第一个小游戏项目：flappy bird

目录学习参考 1 创建1个unity 2D项目 1.1 2D项目模板选择 1.1.1 2D(built-in-Render pipeline) 1.1.2 universe 2D 1.1.3 这次选择 2D(built-in-Render pipeline) 1.2 创建项目 1.2.1 注意点 1.2.2 如果想修改项目名 2 导入美术资源包 2.1 下载一个flappy bird的…...

编程日记 2025/9/1 10:20:55

Windows10下本地搭建Manim环境

文章目录 1. 简介2. Python环境3. uv工具4. Latex软件5. 安装Manim数学库6. 中文支持参考 1. 简介 manim是个一科普动画的库， 本文用到的是社区版本。 2. Python环境这个不用多说，可以参考其他的文章。记得把pip也安上。 3. uv工具上面的pip是老…...

编程日记 2025/8/28 18:33:28

zabbix“专家坐诊”第277期问答

在线答疑:乐维社区问题一 Q：这个怎么解决呢？ A：缺少这个依赖。 Q：就一直装不上。 A：装 zabbix-agent2-7.0.0-releasel.el7.x86 64 需要前面提示的那个依赖才可以装。问题二 Q：大佬，如果agen…...

编程日记 2025/8/29 1:00:21

解决git clone下载慢或者超时问题

在网上找了很多办法，直接最简单的使用镜像网站下载。国内可用的镜像网站有： https://github.com.cnpmjs.org # 服务器位于香港https://gitclone.com # 服务器位于杭州https://doc.fastgit.org # 服务器位于香港例如：将 git clone https:…...

编程日记 2025/9/1 11:33:52

机器学习：强化学习的epsilon贪心算法

强化学习（Reinforcement Learning, RL）是一种机器学习方法，旨在通过与环境交互，使智能体（Agent）学习如何采取最优行动，以最大化某种累积奖励。它与监督学习和无监督学习不同，强调试错…...

编程日记 2025/8/28 20:20:55

MySQL-高级查询

查询处理排序（默认不是按主键排序的） order by 字段1[，字段2] [asc|desc] 默认是升序排序也可以指定 select 列表中列的序号进行排序如果是多个字段，那么在上一个字段排序完的基础上排序下一个限制数量 limit 行数&#xff0…...

编程日记 2025/8/30 4:28:57

NModbus 连接到Modbus服务器（Modbus TCP）

1、在项目中通过NuGet添加NModbus，在界面中添加一个Button。 using NModbus.Device; using NModbus; using System.Net.Sockets; using System.Text; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Docu…...

编程日记 2025/8/21 0:43:05

value_counts()和unique()

我今天发现一个很有意思的问题哈 import scanpy as sc import numpy as npX np.random.randn(10,3) adata1 sc.AnnData(X) adata1.obs["sample"] "H1" print(adata1)X np.random.randn(20,3) adata2 sc.AnnData(X) adata2.obs["sample"] &…...

编程日记 2025/8/30 14:16:00

FinRobot：一个使用大型语言模型进行金融分析的开源AI代理平台

文章目录前言一、生态系统1. 金融AI代理（Financial AI Agents）2. 金融大型语言模型（Financial LLMs）3. LLMOps4. 数据操作（DataOps）5. 多源LLM基础模型（Multi-Source LLM Foundation Models&am…...

编程日记 2025/8/28 1:48:53

示例：在WPF中如何使用Segoe MDL2 Assets图标和使用该图标的好处

一、目的：分享在WPF中如何使用Segoe MDL2 Assets图标和使用该图标的好处在WPF中使用Segoe MDL2 Assets字体，可以通过设置控件的FontFamily属性来实现。Segoe MDL2 Assets是一个包含许多图标的字体，通常用于Windows应用程序的图标显示。二、…...

编程日记 2025/8/30 0:32:15

使用UA-SPEECH和TORGO数据库验证自动构音障碍语音分类方法

使用UA-SPEECH和TORGO数据库验证自动构音障碍语音分类方法引言原文：On using the UA-Speech and TORGO databases to validate automatic dysarthric speech classification approaches 构音障碍简介构音障碍是一种由于脑损伤或神经疾病（如脑瘫、肌萎缩侧索硬化症、帕金森…...

编程日记 2025/8/30 8:31:51

容器与虚拟机：云时代的底层架构博弈

容器与虚拟机：云时代的底层架构博弈在数字化浪潮席卷的当下，云技术已成为企业和开发者不可或缺的基础设施。在云环境中，容器和虚拟机作为两种关键的底层技术，犹如双子星般备受瞩目。它们究竟谁能在这场技术较量中脱颖而出&#x…...

编程日记 2025/9/1 3:17:47

解决android studio(ladybug版本) gradle的一些task突然消失了

今天不知道干了啥，AS（ladybug版本）右边gradle的task有些不见了，研究了半天解决了，这里记录下： 操作： File -->Settings-->Experimental--> 取消选项“Enable support for multi-vari…...

编程日记 2025/8/16 11:34:47

Wpf-ReactiveUI-Usercontrol交互

文章目录 1、使用属性绑定UserControl 部分（MyUserControl.xaml.cs）UserControl 视图模型部分（MyUserControlViewModel.cs）主界面部分（MainWindow.xaml）主界面视图模型部分（MainWindowViewModel.cs）2、使用消息传递UserControl 视图模型部分（MyUserControlViewModel.c…...

编程日记 2025/8/27 1:33:48

Unity插件-Mirror使用方法（四）组件介绍（Network Manager HUD）

目录一、插件介绍二、主要组件 Network Manager 三、Network Manager HUD 1、组件介绍 2、NetworkManagerHUD 的核心功能快速操作按钮状态信息显示场景切换支持调试辅助 3、关键属性与配置 4、HUD 界面详解【主机模式（服务器客户端）…...

编程日记 2025/8/28 14:41:35

1. 浮动的简介

2.元素浮动后会有哪些影响

3.解决浮动产生的影响（清除浮动）

4.浮动练习

相关文章：