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

html 给文本两端加虚线自适应

news 来源：原创 2025/9/2 1:15:42

效果图：

<div class="separator">文本
</div>.separator {width: 40%;border-style: dashed;display: flex;align-items: center;color: #e2e2e2;font-size: 14px;line-height: 20px;border-color: #e2e2e2;border-width: 0;
}.separator::before {content: '';flex: 1;box-sizing: border-box;height: 1px;border-color: inherit;border-style: inherit;border-width: 2px 0 0;margin-right: 5px;padding: 0;outline: none;
}.separator::after {content: '';flex: 1;box-sizing: border-box;height: 1px;border-color: inherit;border-style: inherit;border-width: 2px 0 0;margin-left: 5px;padding: 0;outline: none;
}

相关文章：

html 给文本两端加虚线自适应

效果图&#xff1a; <div class"separator">文本 </div>.separator {width: 40%;border-style: dashed;display: flex;align-items: center;color: #e2e2e2;font-size: 14px;line-height: 20px;border-color: #e2e2e2;border-width: 0; }.separator::bef…...

编程日记 2025/9/2 1:15:42

Android学习总结之应用启动流程（从点击图标到界面显示）

一、用户交互触发&#xff1a;Launcher 到 AMS 的跨进程通信 1. Launcher 处理点击事件&#xff08;应用层&#xff09; 当用户点击手机桌面上的应用图标时&#xff0c;Launcher&#xff08;桌面应用&#xff09;首先捕获点击事件。每个图标对应一个启动 Intent&#xff08;通…...

编程日记 2025/8/31 23:02:52

Vue2与Vue3不同

Vue3 设计思想与核心变化详解 一、Vue3 设计思想与 Vue2 差异对比 响应式系统重构Vue2 实现&#xff08;基于 Object.defineProperty&#xff09; // 在 Vue2 中&#xff0c;通过 data 选项返回一个对象&#xff0c;对象中的属性会被 Object.defineProperty 转换为响应式数据…...

编程日记 2025/8/28 17:56:56

《Java实战：素数检测算法优化全解析——从暴力枚举到筛法进阶》

文章目录 摘要一、需求分析二、基础实现代码与问题原始代码&#xff08;暴力枚举法&#xff09;问题分析 三、优化版代码与解析优化1&#xff1a;平方根范围剪枝优化2&#xff1a;偶数快速跳过完整优化代码 四、性能对比五、高阶优化&#xff1a;埃拉托斯特尼筛法算法思想代码实…...

编程日记 2025/9/1 11:24:20

解决报错：node:internal/errors:496 ErrorCaptureStackTrace(err)；

报错信息 我使用npm init vuelatest创建项目时出现如下报错 node:internal/errors:496 ErrorCaptureStackTrace(err); ^ TypeError [ERR_IMPORT_ASSERTION_TYPE_MISSING]: Module “file:///D:/develop/nodejs/node_cache/_npx/2f7e7bff16d1c534/node_modules/create-vue/loc…...

编程日记 2025/9/1 1:45:25

【Linux笔记】进程管理章节笔记

一、进程与线程的概念 1、进程 1&#xff09;概念 进程是程序的执行实例&#xff0c;拥有独立的资源&#xff08;如内存、文件描述符等&#xff09;。每个进程在创建时会被分配唯一的进程ID&#xff0c;即为PID&#xff0c;也叫进程编号。 2&#xff09;特点 资源隔离&#…...

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

使用Webpack搭建React项目：从零开始

&#x1f90d; 前端开发工程师、技术日更博主、已过CET6 &#x1f368; 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 &#x1f560; 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》、《前端求职突破计划》 &#x1f35a; 蓝桥云课签约作者、…...

编程日记 2025/9/1 20:09:47

使用Cusor 生成 Figma UI 设计稿

一、开发环境 系统&#xff1a;MacOS 软件版本&#xff1a; Figma&#xff08;网页或APP版&#xff09; 注&#xff1a;最好是app版&#xff0c;网页版figma 没有选项 import from manifest app下载地址&#xff1a;Figma Downloads | Web Design App for Desktops & …...

编程日记 2025/8/31 15:16:48

前端 vs 后端：技术分工详解——从用户界面到系统逻辑的全解析

前端&#xff08;Frontend&#xff09; 和 后端&#xff08;Backend&#xff09; 是软件开发中两个核心概念&#xff0c;分别对应用户直接交互的部分和系统背后的逻辑处理部分。它们共同构成完整的应用程序&#xff0c;但分工不同。 目录 一、前端&#xff08;Frontend&#xf…...

编程日记 2025/8/29 19:15:29

CentOS 7上配置SQL Server链接其他SQL Server服务器

概述 本文介绍在CentOS 7系统上运行的SQL Server如何链接访问其他SQL Server服务器的详细步骤&#xff0c;包括驱动安装、配置和连接测试。 安装必要组件 1. 安装ODBC驱动 # 安装基础ODBC组件 sudo yum install unixODBC unixODBC-devel# 添加Microsoft仓库 curl https://p…...

编程日记 2025/9/1 7:34:42

Scade One - 将MBD技术从少数高安全领域向更广泛的安全嵌入式软件普及

Scade One是继Scade Suite version 6自2008年起发展近20年后的首次主要改进版本。在Scade One发布的同时&#xff0c;Scade团队发布了一系列介绍Scade One的博客。本篇Scade One - Democratizing model-based development是其中的一部分。在后面的内容中&#xff0c;将复述博客…...

编程日记 2025/9/1 3:55:44

第十二章:容器间网络_《凤凰架构：构建可靠的大型分布式系统》

第十二章 容器间网络 一、Linux网络虚拟化基础 1. 网络命名空间&#xff08;Network Namespace&#xff09; 隔离网络栈&#xff1a;每个网络命名空间拥有独立的IP地址、路由表、防火墙规则等网络配置。实现方式&#xff1a;通过ip netns命令管理&#xff0c;容器启动时自动创…...

编程日记 2025/9/1 18:58:10

详解七大排序

目录 一.直接插入排序 &#xff08;1&#xff09;基本思想 &#xff08;2&#xff09;算法步骤 &#xff08;3&#xff09;代码实现 &#xff08;4&#xff09;算法特性 &#xff08;5&#xff09;算法优化 &#xff08;6&#xff09;示例演示 二.希尔排序 &#xff08…...

编程日记 2025/9/1 22:36:01

第八章 Python基础进阶-数据可视化（终）

此章节练习主要分为&#xff1a;折线图、地图、柱状图&#xff0c;若用户只是学习Python的基础语法知识&#xff0c;可以不看此章节。 主要是讲解第三方包PyEcharts技术&#xff0c;Python数据的可视化操作。 一.json数据格式 json的概念&#xff1a; &#xff08;1&#x…...

编程日记 2025/8/31 22:41:00

【Hadoop3.1.4】完全分布式集群搭建

一、虚拟机的建立与连接 1.建立虚拟机 详情见【Linux】虚拟机的安装 把上面三个参数改掉 2.连接虚拟机 具体见【Linux】远程连接虚拟机防火墙 二、修改主机名 在Centos7中直接使用root用户执行hostnamectl命令修改&#xff0c;重启&#xff08;reboot&#xff09;后永久生…...

编程日记 2025/9/1 1:29:43

NLP简介及其发展历史

自然语言处理&#xff08;Natural Language Processing&#xff0c;简称NLP&#xff09;是人工智能和计算机科学领域中的一个重要分支&#xff0c;致力于实现人与计算机之间自然、高效的语言交流。本文将介绍NLP的基本概念以及其发展历史。 一、什么是自然语言处理&#xff1f…...

编程日记 2025/9/1 18:22:38

Java异步编程中的CompletableFuture介绍、常见错误及最佳实践

一、Future接口的局限性 Java 5引入的Future接口为异步编程提供了基础支持&#xff0c;但其设计存在明显局限性&#xff0c;导致复杂场景下难以满足需求&#xff1a; 阻塞获取结果 必须通过future.get()阻塞线程等待结果&#xff0c;无法实现真正的非阻塞&#xff1a; Executo…...

编程日记 2025/9/1 14:26:14

基于FLask的共享单车需求数据可视化分析系统

【FLask】基于FLask的共享单车需求数据可视化分析系统 &#xff08;完整系统源码开发笔记详细部署教程&#xff09;✅ 目录 一、项目简介二、项目界面展示三、项目视频展示 一、项目简介 该系统能够整合并处理大量共享单车使用数据&#xff0c;通过直观的可视化手段&#xff0…...

编程日记 2025/9/1 17:26:42

vue2项目中，多个固定的请求域名 和 通过url动态获取到的ip域名 封装 axios

vue2 使用场景&#xff1a;项目中&#xff0c;有固定的请求域名&#xff0c;而有某些接口是其他域名 /utils/request.js 固定请求域名 import axios from axios import Vue from vuelet baseURL switch (window.location.hostname) {case localhost: // 本地case 127.0.0.1…...

编程日记 2025/8/31 7:29:43

【嵌入式学习3】基于python的tcp客户端、服务器

目录 1、tcp客户端 2、tcp服务器 3、服务器多次连接客户端、多次接收信息 1、tcp客户端 """ tcp:客户端 1. 导入socket模块 2. 创建socket套接字 3. 建立tcp连接(和服务端建立连接) 4. 开始发送数据(到服务端) 5. 关闭套接字 """ import soc…...

编程日记 2025/8/31 16:42:24

tomcat构建源码环境

一. IDEA运行Tomcat8源码 参考网址&#xff1a;https://blog.csdn.net/yekong1225/article/details/81000446 ​ Tomcat作为J2EE的开源实现&#xff0c;其代码具有很高的参考价值&#xff0c;我们可以从中汲取很多的知识。作为Java后端程序员&#xff0c;相信有很多人很想了解…...

编程日记 2025/9/1 1:22:09

你用的是Bing吗？！

&#x1f525;【深度解析】微软Bing革命性升级&#xff01;Copilot Search上线&#xff1a;从此搜索≠找链接&#xff0c;而是直接生成答案&#xff01; &#x1f4a1; 你是否厌倦了这样的搜索体验&#xff1f; 搜索「Python处理JSON」&#xff0c;在10个网页间反复跳转想对比…...

编程日记 2025/9/1 15:07:38

拍摄的婚庆视频有些DAT的视频文件打不开怎么办

3-12 现在的婚庆公司大多提供结婚的拍摄服务&#xff0c;或者有一些第三方公司做这方面业务&#xff0c;对于视频拍摄来说&#xff0c;有时候会遇到这样一种问题&#xff0c;就是拍摄下来的视频文件&#xff0c;然后会有一两个视频文件是损坏的&#xff0c;播放不了&#xff0…...

编程日记 2025/8/30 20:22:14

Oracle Cloud (OCI) 服务器最新控制台启用 IPv6 超详细图文指南（2025最新实践）

本文为原作者发布到第三方平台，更多内容参考： 🚀 Oracle Cloud (OCI) 服务器最新控制台启用 IPv6 超详细图文指南（2025最新实践） 随着 IPv6 的普及，IPv6的优秀特性能为你的 OCI 云服务器提升网络性能和路由效率，并提升兼容性。本指南将引导你在 Oracle Cloud Infrast…...

编程日记 2025/9/2 0:42:35

YOLO环境搭建，win11+wsl2+ubuntu24+cuda12.6+idea

提示&#xff1a;环境搭建 文章目录 前言一、 win11 gpu 驱动更新1.1 下载驱动3. 验证&#xff0c; 二、配置子系统 ubuntu2.1 安装 cuda 三、配置 anaconda四、idea 配置使用 wsl ubuntu conda 环境 前言 提示&#xff1a;版本 win11 wsl2 ubuntu24 idea 2024 子系统跳过&…...

编程日记 2025/8/31 4:17:29

类 和 对象 的介绍

对象的本质是一种新的数据类型。类是一个模型&#xff0c;对象是类的一个具体化实例。为类创建实例也就是创建对象。 一、类&#xff08;class&#xff09; 类决定一个对象将是什么样的&#xff08;有什么属性、功能&#xff09;。类和变量一样&#xff0c;有名字。 1.创建类 …...

编程日记 2025/8/30 15:09:53

机器学习（1）—线性回归

文章目录 1. 算法定义2. 模型形式2.1. 简单线性回归&#xff08;单变量&#xff09;&#xff1a;2.2. 多元线性回归&#xff08;多变量&#xff09;&#xff1a; 3. 基本原理3.1. 误差函数&#xff1a;3.2. 求解回归系数 4. 假设条件5. 模型评估6. 优缺点7. 扩展方法8. 应用场景…...

编程日记 2025/9/1 21:47:22

macOS下SourceInsight的替代品

macOS 推荐的几款开源、轻量级、且功能类似于 SourceInsight 的源码阅读工具&#xff08;排除 VS Code&#xff09;&#xff1a; 1. Zeal&#xff08;离线文档 简单代码导航&#xff09; 官网/GitHub: https://zealdocs.org/特点&#xff1a; 轻量级离线文档浏览器&#xff0…...

编程日记 2025/9/1 21:35:15

form实现pdf文件转换成jpg文件

说明&#xff1a; 我希望将pdf文件转换成jpg文件 请去下载并安装 Ghostscript&#xff0c;gs10050w64.exe 配置环境变量&#xff1a;D:\Program Files\gs\gs10.05.0\bin 本地pdf路径&#xff1a;C:\Users\wangrusheng\Documents\name.pdf 输出文件目录&#xff1a;C:\Users\wan…...

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

聊天室项目之http知识

一.http的核心组成部分&#xff08;都分成请求的和响应的&#xff09; 1.起始行&#xff1a;请求------------------------ 方法&#xff08;Method&#xff09;&#xff1a;GET、POST、PUT、DELETE 等。 请求目标&#xff08;Request Target&#xff09;&#xff1a;URL 路径…...

编程日记 2025/8/30 1:00:53

kubeadm部署 Kubernetes(k8s) 高可用集群 V1.28.2

1. 安装要求 在开始之前&#xff0c;部署Kubernetes集群机器需要满足以下几个条件&#xff1a; 10台机器&#xff0c;操作系统Openeuler22.03 LTS SP4硬件配置&#xff1a;2GB或更多RAM&#xff0c;2个CPU或更多CPU&#xff0c;硬盘30GB或更多&#xff0c;docker 数据卷单独挂…...

编程日记 2025/9/1 17:22:00

BUUCTF-web刷题篇(12)

21.easy_tornado Tornado大致可以分为四个主要组成部分&#xff1a; 一个web框架&#xff08;包括RequestHandler创建Web应用程序的子类&#xff0c;以及各种支持类&#xff09;。 HTTPServerHTTP&#xff08;和AsyncHTTPClient&#xff09;的客户端和服务器端实现。 一个异…...

编程日记 2025/9/1 21:35:19

基于 Netty 框架的 Java TCP 服务器端实现，用于启动一个 TCP 服务器来处理客户端的连接和数据传输

代码&#xff1a; package com.example.tpson_tcp;import io.netty.bootstrap.ServerBootstrap; import io.netty.channel.ChannelFuture; import io.netty.channel.ChannelInitializer; import io.netty.channel.ChannelOption; import io.netty.channel.EventLoopGroup; imp…...

编程日记 2025/8/31 6:40:51

【Kafka基础】Kafka配置文件关键参数解析与单机生产环境配置指南

1 Kafka配置文件概述 Apache Kafka的配置文件是控制其行为的关键所在&#xff0c;合理的配置能够显著提升性能、可靠性和可维护性。Kafka主要涉及两个核心配置文件&#xff1a; server.properties&#xff1a;Broker主配置文件zookeeper.properties&#xff1a;ZooKeeper配置文…...

编程日记 2025/9/1 22:38:15

Kafka 漏消费和重复消费问题

Kafka 虽然是一个高可靠、高吞吐的消息系统&#xff0c;但如果使用不当&#xff0c;**“漏消费”和“重复消费”**问题是非常容易发生的&#xff0c;尤其在业务系统中会造成数据丢失、重复写库等严重问题。 &#x1f3af; 一句话理解&#xff1a; Kafka 本身提供 “至多一次”…...

编程日记 2025/8/31 21:57:59

Mysql慢查询设置 和 建立索引

1 .mysql慢查询的设置 slow_query_log ON //或 slow_query_log_file /usr/local/mysql/data/slow.log long_query_time 2 修改后重启动mysql 1.1 查看设置后的参数 mysql> show variables like slow_query%; --------------------------------------------------…...

编程日记 2025/9/1 18:55:48

Windows程序中计时器WM_TIMER消息的使用

本文章是对《Windows程序设计》这本书第八章计时器的总结&#xff0c;如果有时间&#xff0c;可以去看书里的讲解&#xff0c;如果时间不充裕&#xff0c;想马上知道计时器该如何使用&#xff0c;欢迎阅读本文&#xff0c;本文已经将计时器的干货整理完毕&#xff01; 什么是计…...

编程日记 2025/9/1 20:27:56

关于apple ios苹果mdm监管锁的漏洞与修复

前言 本人从2020年开始接触苹果mdm管理系统的开发 起初只是接触如何利用mdm进行app分发 23年开始开发mdm监管锁业务 随着手机租赁的市场兴起 mdm监管锁系统随即而生 注意 本人只是分享工作过程中遇到的一些问题 不接受苹果手机屏蔽以及解锁的业务 此文章仅做分享使用 MDM监…...

编程日记 2025/9/1 6:18:55

使用Geotools中的原始方法来操作PostGIS空间数据库

目录 前言 一、原生PostGIS连接介绍 1、连接参数说明 2、创建DataStore 二、工程实战 1、Maven Pom.xml定义 2、空间数据库表 3、读取空间表的数据 三、总结 前言 在当今数字化与信息化飞速发展的时代&#xff0c;空间数据的处理与分析已成为众多领域不可或缺的一环。从…...

编程日记 2025/9/1 18:25:49

C-S模式之实现一对一聊天

天天开心&#xff01;&#xff01;&#xff01; 文章目录 一、如何实现一对一聊天&#xff1f;1. 服务器设计2. 客户端设计3. 服务端代码实现4. 客户端代码实现5. 实现说明6.实验结果 二、改进常见的服务器高并发方案1. 多线程/多进程模型2. I/O多路复用3. 异步I/O&#xff08;…...

编程日记 2025/9/1 9:24:02

Kafka Consumer Group

Kafka 消费者组&#xff08;Consumer Group&#xff09; 是 Kafka 的核心机制之一&#xff01;理解它对你掌握 Kafka 的高可用、高吞吐、负载均衡等能力非常关键。下面我来给你完整讲一讲&#x1f447; &#x1f9e0; 什么是 Kafka 消费者组&#xff08;Consumer Group&#x…...

编程日记 2025/9/1 9:06:57

LangChain vs LlamaIndex：大模型应用开发框架深度对比与实战指南

一、引言：大模型时代的应用开发挑战 随着ChatGPT、LLaMA等大语言模型的爆发式发展，如何高效构建「大模型+垂直领域」的智能应用成为新课题。传统开发模式面临三大痛点： 数据交互复杂：大模型与本地数据的融合缺乏标准化接口功能扩展困难：链式调用、工具集成需要重复造轮子…...

编程日记 2025/8/31 17:50:45

第二章:访问远程服务_《凤凰架构：构建可靠的大型分布式系统》

第二章 访问远程服务 2.1 远程服务调用&#xff08;RPC&#xff09; 2.1.1 进程间通信机制 核心方式&#xff1a; 管道&#xff08;Pipe&#xff09;&#xff1a;单向通信&#xff0c;用于父子进程信号&#xff08;Signal&#xff09;&#xff1a;异步事件通知&#xff0c;不…...

编程日记 2025/8/29 4:04:42

一键自动备份：数据安全的双重保障

随着数字化时代的到来&#xff0c;数据已成为企业和个人不可或缺的核心资产。在享受数据带来的便捷与高效的同时&#xff0c;数据丢失的风险也随之增加。因此&#xff0c;备份文件的重要性不言而喻。本文将深入探讨备份文件的重要性&#xff0c;并介绍两种实用的自动备份方法&a…...

编程日记 2025/9/1 19:54:03

C++11之std::is_convertible

目录 1.简介 2.实现原理 3.使用场景 4.总结 1.简介 std::is_convertible 是 C 标准库 <type_traits> 头文件中的一个类型特性&#xff08;type trait&#xff09;&#xff0c;它用于在编译时检查一个类型是否可以隐式转换为另一个类型。下面的原型&#xff1a; temp…...

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

从零开始：在Qt中使用OpenGL绘制指南

从零开始&#xff1a;在Qt中使用OpenGL绘制指南 本文只介绍基本的 QOpenGLWidget 和 QOpenGLFunctions 的使用&#xff0c;想要学习 OpenGL 的朋友&#xff0c;建议访问经典 OpenGL 学习网站&#xff1a;LearnOpenGL CN 本篇文章&#xff0c;我们将以绘制一个经典的三角形为例&…...

编程日记 2025/8/31 20:41:08

我的购物车设计思考：从个人项目到生产实战思考的蜕变

一、代码初体验&#xff1a;我踩过的那些坑 还记得大二做课程设计时&#xff0c;我写的购物车直接用ArrayList存商品&#xff0c;结果改数量时遍历半天找商品。现在看你这个HashMap实现&#xff0c;确实清爽很多&#xff0c;但有几点让我想起当年惨痛经历&#xff1a; 1. 线程…...

编程日记 2025/8/31 17:34:16

【算法实践】算法面试常见问题——数组的波浪排序

问题描述 给定一个无序整数数组&#xff0c;将其排列成波浪形数组。若数组 arr[0..n-1] 满足以下条件&#xff0c;则称为波浪形&#xff1a; arr[0] > arr[1] < arr[2] > arr[3] < arr[4] > ... 或 arr[0] < arr[1] > arr[2] < arr[3] > arr[4] &l…...

编程日记 2025/8/31 19:12:06

【大模型深度学习】如何估算大模型需要的显存

一、模型参数量 参数量的单位 参数量指的是模型中所有权重和偏置的数量总和。在大模型中&#xff0c;参数量的单位通常以“百万”&#xff08;M&#xff09;或“亿”&#xff08;B&#xff0c;也常说十亿&#xff09;来表示。 百万&#xff08;M&#xff09;&#xff1a;表示…...

编程日记 2025/8/31 7:54:01

[论文阅读]PMC-LLaMA: Towards Building Open-source Language Models for Medicine

PMC-LLaMA&#xff1a;构建医学开源语言模型 摘要 最近&#xff0c;大语言模型在自然语言理解方面展现了非凡的能力。尽管在日常交流和问答场景下表现很好&#xff0c;但是由于缺乏特定领域的知识&#xff0c;这些模型在需要精确度的领域经常表现不佳&#xff0c;例如医学应用…...

编程日记 2025/8/27 6:27:26