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

关于非中文或者url文本不换行的问题

news 文章来源：https://blog.csdn.net/qq505751223/article/details/143263675 2024/11/1 3:29:08

我在一个写一个简单的url展示的时候，发现url一直溢出不换行，查了各种方法不管用，我请教了我大哥，他直接甩给我两个css放进去就好了

word-break:break-all;       按字符截断换行 /* 支持IE和chrome，FF不支持*/
word-wrap:break-word;    按英文单词整体截断换行  /* 以上三个浏览器均支持 */

如果害怕兼容问题，可以把 verflow-wrap: break-word; 带上，但是一般直接把这两个扔进去，基本都能解决，如果有解决不了的特殊的问题或者更好的方法，欢迎留言，谢谢

`word-break: break-all;`

作用：强制文本在任意字符处换行，即使在一个单词内部也会进行换行。
例如，verylongwordwithoutspaces 可能会被拆分为 verylo 和 ngwordwithou。
适用场景：适用于需要按字符截断换行的情况，特别是当文本中包含长单词或长字符串时，可以避免文本溢出容器。
浏览器支持：广泛支持，包括 IE、Chrome 和 Firefox

`word-wrap: break-word;`（现在推荐使用 `overflow-wrap: break-word;`）

浏览器兼容性

作用：强制文本在任意字符处换行，即使在一个单词内部也会进行换行。例如，verylongwordwithoutspaces 可能会被拆分为 verylo 和 ngwordwithou。
适用场景：适用于需要按字符截断换行的情况，特别是当文本中包含长单词或长字符串时，可以避免文本溢出容器。
浏览器支持：广泛支持，包括 IE、Chrome 和 Firefox。

示例代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Text Wrapping Example</title><style>.container {width: 200px;border: 1px solid #000;margin: 10px;padding: 10px;}.break-all {word-break: break-all;}.break-word {word-wrap: break-word; /* 旧语法 */overflow-wrap: break-word; /* 新语法，推荐使用 */}</style>
</head>
<body><div class="container break-all">ThisIsAVeryLongWordWithoutSpacesThisIsAVeryLongWordWithoutSpaces</div><div class="container break-word">ThisIsAVeryLongWordWithoutSpacesThisIsAVeryLongWordWithoutSpaces</div>
</body>
</html>

关于非中文或者url文本不换行的问题

我在一个写一个简单的url展示的时候，发现url一直溢出不换行，查了各种方法不管用，我请教了我大哥，他直接甩给我两个css放进去就好了 word-break:break-all; 按字符截断换行 /* 支持IE和chrome，FF不支持*/ word-w…...

编程日记 2024/10/28 8:27:13

LeetCode 热题 100之矩阵

1.矩阵置0 思路分析：使用标记数组记录需要置为 0 的行和列：使用两个布尔数组 zeroRows 和 zeroCols 来记录需要置为 0 的行和列两次遍历第一遍遍历整个矩阵，找到所有为0的元素，并更新zeroRows和zeroCols；第二遍遍历…...

编程日记 2024/10/28 8:25:10

YOlO系列——yolo v3

文章目录一、算法原理二、网络结构三、正负样本匹配规则四、损失函数五、边框预测六、性能特点七、应用场景 YOLO-v3（You Only Look Once version 3）是一种先进的目标检测算法，属于YOLO系列算法的第三代版本。以下是对YOLO-v3的详细介绍&…...

编程日记 2024/10/28 8:23:08

基于Datawhale开源量化投资学习指南（11）：LightGBM在量化选股中的优化与实战

1. 概述在前几篇文章中，我们初步探讨了如何通过LightGBM模型进行量化选股，并进行了一些简单的特征工程和模型训练。在这一篇文章中，我们将进一步深入，通过优化超参数和实现交叉验证来提高模型的效果，并最终通过回测分…...

编程日记 2024/10/28 8:22:07

Python4

4. 更多控制流工具除了刚介绍的 while 语句，Python 还用了一些别的。我们将在本章中遇到它们。 4.1. if 语句 if elif else if x<0: x 0 print(Negative changed to zero) elif x0: print( zero) else: print(More) 4.2. for 语句 Pyth…...

编程日记 2024/10/28 8:21:06

springboot系列--web相关知识探索六

一、前言 web相关知识探索五中研究了请求中所带的参数是如何映射到接口参数中的，也即请求参数如何与接口参数绑定。主要有四种、分别是注解方式、Servlet API方式、复杂参数、以及自定义对象参数。web相关知识探索五中主要研究自定义对象参数数据绑定底层原理。本次…...

编程日记 2024/10/28 8:20:05

FreeSWITCH 简单图形化界面30 - 使用MYODBC时可能遇到的错误

FreeSWITCH 简单图形化界面30 - 使用MYODBC时可能遇到的错误测试环境1、 MYODBC 3.51.18 or higher2、分析和解决2.1 解决1，降级MySQL ODBC2.2 解决2，修改FreeSWITCH代码测试环境 http://myfs.f3322.net:8020/ 用户名：admin，密…...

编程日记 2024/10/28 8:19:04

阿里云物联网的通信方式

阿里云物联网通信的两种方式，一个是物模型（分为服务，事件，属性），一个是自定义topic（要另外设置数据流转） 1.使用产品内的功能定义，（其实也就是Topic中定义好的…...

编程日记 2024/10/28 8:17:02

自由职业者的一天：作为小游戏开发者的真实工作日记

大家好，我是小蜗牛。在这个快节奏的数字时代，自由职业者的生活往往充满了挑战与机遇。作为一名微信小游戏开发者，我的日常工作并不像人们想象中的那样充满光鲜亮丽的画面，而是由无数的编码、调试和创意碰撞组成的。今天&#xf…...

编程日记 2024/10/28 8:11:58

【RL Latest Tech】分层强化学习：Option-Critic架构算法

📢本篇文章是博主强化学习RL领域学习时，用于个人学习、研究或者欣赏使用，并基于博主对相关等领域的一些理解而记录的学习摘录和笔记，若有不当和侵权之处，指出后将会立即改正，还望谅解。文章分类在&#x1f…...

编程日记 2024/10/28 8:08:54

分布式数据库

前言分布式数据库系统（‌DDBS）包含分布式数据库管理系统（‌DDBMS）和分布式数据库（DDB）。在分布式数据库系统中，一个应用程序可以对数据库进行透明操作，数据库中的数据分别在不同的…...

编程日记 2024/10/28 8:07:52

MySQL（2）【库的操作】

阅读导航引言一、创建数据库1. 基本语法2. 创建数据库案例📌创建名为db1的数据库📌创建一个使用utf8字符集的db2数据库📌创建一个使用utf8字符集，并带校对规则的db3数据库二、字符集和校验规则1. 查看系统默认字符集以及校验规则…...

编程日记 2024/10/28 8:06:51

python pip更换(切换)国内镜像源

国内镜像源列表(个人推荐清华大学的源) 清华大学： https://pypi.tuna.tsinghua.edu.cn/simple阿里云： http://mirrors.aliyun.com/pypi/simple豆瓣： http://pypi.douban.com/simple中国科技大学： https://pypi.mirrors.ustc.e…...

编程日记 2024/10/28 8:05:49

阿里云镜像源无法访问？使用 DaoCloud 镜像源加速 Docker 下载（Linux 和 Windows 配置指南）

🚀 作者主页： 有来技术 🔥 开源项目： youlai-mall 🍃 vue3-element-admin 🍃 youlai-boot 🍃 vue-uniapp-template 🌺 仓库主页： GitCode💫 Gitee &#x1f…...

编程日记 2024/10/28 8:04:48

使用 BERT 和逻辑回归进行文本分类及示例验证

使用 BERT 和逻辑回归进行文本分类及示例验证一、引言在自然语言处理领域中，文本分类是一项至关重要的任务。本文将详细介绍如何结合 BERT 模型与逻辑回归算法来实现文本分类，并通过实际示例进行验证。二、环境准备为了运行本文中的代码&#xf…...

编程日记 2024/10/28 8:01:42

【skywalking 】监控 Spring Cloud Gateway 数据

使用Spring Cloud 开发，用Skywalking 监控服务，但是Skywalking 默认是不支持 Spring Cloud Gateway 网关服务的，需要手动将 Gateway 的插件添加到 Skywalking 启动依赖 jar 中。 skywalking相关版本信息 jdk：17skywalking&#x…...

编程日记 2024/10/28 7:59:39

SpringWeb

SpringWeb SpringWeb 概述 SpringWeb 是 spring 框架中的一个模块，基于 Servlet API 构建的 web 框架. springWeb 是 Spring 为 web 层开发提供的一整套完备的解决方案。在 web 层框架历经 Strust1，WebWork，Strust2 等诸多产品的历代更…...

编程日记 2024/10/28 7:57:37

嵌入式刷题（day21）

MySQL和sqlite的区别 MySQL和SQLite是两种常见的关系型数据库管理系统（RDBMS），但它们在特性、使用场景和架构方面有显著的区别： 1. 架构 MySQL：是一个基于服务器的数据库系统，遵循客户端-服务器架构。MySQL服务器运行在主机上，客户端通过网络连接并发送查询。它可以并…...

编程日记 2024/10/28 7:53:30

OpenAI 下一代旗舰模型现身？奥尔特曼亲自辟谣“猎户座“传闻

在人工智能领域最受瞩目的ChatGPT即将迎来两周岁之际，一场关于OpenAI新旗舰模型的传闻再次引发业界热议。然而，这场喧嚣很快就被OpenAI掌门人奥尔特曼亲自澄清。事件源于科技媒体The Verge的一则报道。据多位知情人士透露，OpenAI可能会在11…...

编程日记 2024/10/28 7:50:21

【C++】STL初识

【C】STL初识文章目录【C】STL初识前言一、STL基本概念二、STL六大组件简介三、STL三大组件四、初识STL总结前言本篇文章将讲到STL基本概念，STL六大组件简介，STL三大组件，初识STL。一、STL基本概念 STL(Standard Template Library,标准…...

编程日记 2024/10/28 7:47:18

框架篇补充（东西多需要重新看网课）

什么是AOP 面向切面编程降低耦合提高代码的复用 Spring的bean的生命周期实例化bean 赋值初始化bean 使用bean 销毁bean SpringMVC的执行流程 Springboot自动装配原理实际上就是为了从spring.factories文件中获取到对应的需要进行自动装配的类并生成相应的Bean…...

编程日记 2024/10/28 7:45:15

合约门合同全生命周期管理系统：企业合同管理的数字化转型之道

合约门合同全生命周期管理系统：企业合同管理的数字化转型之道 1. 引言在现代企业中，合同管理已经不再是简单的文件存储和审批流程，而是企业合规性、风险管理和业务流程的关键环节之一。随着企业规模的扩大和合同数量的增加，传统…...

编程日记 2024/10/28 7:38:07

等保测评与风险管理：识别、评估和缓解潜在的安全威胁

在信息化时代，数据已成为企业最宝贵的资产之一，而信息安全则成为守护这份资产免受侵害的重中之重。等保测评（信息安全等级保护测评）作为保障信息系统安全的重要手段，其核心在于通过科学、规范、专业的评估手段&#xf…...

编程日记 2024/10/28 7:35:03

Golang Agent 可观测性的全面升级与新特性介绍

作者：张海彬（古琦） 背景自 2024 年 6 月 26 日，ARMS 发布了针对 Golang 应用的可观测性监控功能以来，阿里云 ARMS 团队与程序语言与编译器团队一直致力于不断优化和提升该系统的各项功能，旨在为开发者提…...

编程日记 2024/10/28 7:32:00

SpringBoot的开篇特点初始化 ioc 配置文件

文章目录前言SpringBoot发展历程SpringBoot前置准备SpringBoot特点 SpringBoot项目初始化项目启动Springboot的核心概念IOC概念介绍Bean对象通过注解扫描包例子配置文件前言 SpringBoot发展历程最初，Spring框架的使用需要大量的XML配置，这使得开发…...

编程日记 2024/10/28 7:31:00

docker 可用镜像服务地址（2024.10.25亲测可用）

1.错误 Error response from daemon: Get “https://registry-1.docker.io/v2/” 原因：镜像服务器地址不可用。 2.可用地址编辑daemon.json： vi /etc/docker/daemon.json内容修改如下： {"registry-mirrors": ["https://…...

编程日记 2024/10/28 7:28:57

【SQL实验】表的更新和简单查询

完整代码在文章末尾在上次实验创建的educ数据库基础上，用SQL语句为student表、course表和sc表中添加以下记录【SQL实验】数据库、表、模式的SQL语句操作_创建一个名为educ数据库,要求如下: (下面三个表中属性的数据类型需要自己设计合适-CSDN博客在这篇博文中已经…...

编程日记 2024/10/28 7:27:56

【C++】 string的了解及使用

标准库中的string类在使用string类时，必须包含#include头文件以及using namespace std; string类的常用接口说明 C中string为我们提供了丰富的接口来供我们使用 – string接口文档这里我们只介绍一些常见的接口 string类对象的常见构造 #include <iostrea…...

编程日记 2024/10/28 7:26:55

【K8S】kubernetes-dashboard.yaml

https://raw.githubusercontent.com/kubernetes/dashboard/v3.0.0-alpha0/charts/kubernetes-dashboard.yaml 以下链接的内容： 由于国内访问不了，找到一些方法下载了这个文件内容， 部署是mages 对象的镜像 WEB docker.io/kubernetesui/dash…...

编程日记 2024/10/28 7:25:54

远程root用户访问服务器中的MySQL8

一、Ubuntu下的MySQL8安装在Ubuntu系统中安装MySQL 8.0可以通过以下步骤进行1. 更新包管理工具的仓库列表： sudo apt update 2. 安装MySQL 8.0，root用户默认没有密码： sudo apt install mysql-server sudo apt install mysql-client 【…...

编程日记 2024/10/28 7:24:53

dw网站制作/搜一搜站长工具

RSA算法实现概述按照算法实现所使用整数长度的分类，我们可以将算法实现分为小整数版本RSA和大整数版本RSA。一般小整数版本RSA的整数长度小于64位，大整数版本RSA的整数长度大于64位。网上很多博客和项目编写的RSA加密算法实现，其实都是小整数…...

编程日记 2024/11/1 2:40:30

营销式网站制作/seo网络推广是什么意思

STM32F407ZG的简单介绍0 处理器基本参数1 程序环境2 系统架构2.1 S0：I 总线2.2 S1：D 总线3.3 S2：S 总线2.4 S3、S4：DMA 存储器总线2.5 S5：DMA 外设总线2.6 S6：以太网 DMA 总线2.7 S7：USB OTG HS…...

编程日记 2024/11/1 1:33:56

这题居然不用高精度就能过……测试数据好弱 Program P1837; varc,g,i,j,k,p:longint;li,w:array[1..20] of longint;f:array[1..20,-7500..7500] of longint; beginfillchar(f,sizeof(f),0);read(c,g);for i:1 to c do read(li[i]);for i:1 to g do read(w[i]);for i:1 to c do…...

编程日记 2024/11/1 0:16:36