From 787686a669af48ea06b0f56e2e7a4d66d5c2713c Mon Sep 17 00:00:00 2001
From: yinjiacheng <yinjiacheng@dcloud.io>
Date: Mon, 22 Jan 2024 19:43:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0CSS=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/CSS/text/text-overflow.uvue | 29 ++++++++++++++++++++++-------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/pages/CSS/text/text-overflow.uvue b/pages/CSS/text/text-overflow.uvue
index 5445acf9..649cfbc1 100644
--- a/pages/CSS/text/text-overflow.uvue
+++ b/pages/CSS/text/text-overflow.uvue
@@ -1,9 +1,18 @@
 <template>
   <view style="flex-grow: 1;">
-    <view style="height: 250px;background-color: gray;justify-content: center;align-items: center;">
-      <text class="common" style="text-overflow: clip;white-space: normal;">{{text}}</text>
-      <text class="common" style="text-overflow: clip;white-space: nowrap;">{{text}}</text>
-      <text class="common" style="text-overflow: ellipsis;white-space: nowrap;">{{text}}</text>
+    <view style="height: 250px;padding: 0 30px; background-color: gray;justify-content: center;">
+      <view class="margin-bottom-10">
+        <text class="font-weight-bold">text-overflow:clip white-space:nowrap</text>
+        <text class="font-size-20" style="text-overflow: clip;white-space: nowrap;">{{text}}</text>
+      </view>
+      <view class="margin-bottom-10">
+        <text class="font-weight-bold">text-overflow:ellipsis white-space:nowrap</text>
+        <text class="font-size-20" style="text-overflow: ellipsis;white-space: nowrap;">{{text}}</text>
+      </view>
+      <view class="margin-bottom-10">
+        <text class="font-weight-bold">white-space:normal</text>
+        <text class="font-size-20" style="white-space: normal;">{{text}}</text>
+      </view>
     </view>
   </view>
 </template>
@@ -19,9 +28,15 @@
 </script>
 
 <style>
-  .common {
-    width: 250px;
-    height: 30px;
+  .font-size-20 {
     font-size: 20px;
   }
+
+  .font-weight-bold {
+    font-weight: bold;
+  }
+
+  .margin-bottom-10 {
+    margin-bottom: 10px;
+  }
 </style>
-- 
GitLab