From 4dc81fdac380b945a3bff5228f0d14f2a709adb4 Mon Sep 17 00:00:00 2001
From: zzp <34701892@qq.com>
Date: Thu, 13 Nov 2025 21:58:15 +0800
Subject: [PATCH] =?UTF-8?q?style(richedit):=20=E4=BF=AE=E5=A4=8D=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E5=B8=83=E5=B1=80=E6=8D=A2=E8=A1=8C=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E5=B9=B6=E4=BC=98=E5=8C=96=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

调整标签容器的 flex-wrap 属性以支持多行显示
为标签项添加 nowrap 属性防止内容换行
---
 src/views/pages/richedit/all.vue   | 9 +++++++++
 src/views/pages/richedit/index.vue | 5 ++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/views/pages/richedit/all.vue b/src/views/pages/richedit/all.vue
index 2a3c145..56a1181 100644
--- a/src/views/pages/richedit/all.vue
+++ b/src/views/pages/richedit/all.vue
@@ -1091,6 +1091,7 @@ onMounted(async () => {
 .labels {
 	display: flex;
 	gap: 5px;
+	flex-wrap: wrap;
 
 	.label_item {
 		height: 24px;
@@ -1111,6 +1112,14 @@ onMounted(async () => {
 		text-align: center;
 		justify-content: center;
 		align-items: center;
+
+		flex-wrap: nowrap;
+		white-space: nowrap;
+	}
+	.label_item_box {
+		// width: 100%;
+		display: flex;
+		gap: 5px;
 	}
 }
 </style>
diff --git a/src/views/pages/richedit/index.vue b/src/views/pages/richedit/index.vue
index 58aeb6c..5b2c5f3 100644
--- a/src/views/pages/richedit/index.vue
+++ b/src/views/pages/richedit/index.vue
@@ -1330,7 +1330,7 @@ onMounted(async () => {
 .labels {
 	display: flex;
 	gap: 5px;
-
+	flex-wrap: wrap;
 	.label_item {
 		height: 24px;
 		background: #f6f6f6;
@@ -1350,6 +1350,9 @@ onMounted(async () => {
 		text-align: center;
 		justify-content: center;
 		align-items: center;
+
+		flex-wrap: nowrap;
+		white-space: nowrap;
 	}
 }