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;
 	}
 }