💥 image中的文本改为水平居中

nanarino · Oct 25, 2023 · 65ef46a · 65ef46a
1 parent d704d65
commit 65ef46a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "description": "style lib",
   "author": "☘",
   "license": "MIT",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "main": "./dist/index.css",
   "scripts": {
     "dev": "astro dev --host",

diff --git a/src/lib/components/image.styl b/src/lib/components/image.styl
@@ -48,17 +48,23 @@ mask-color()
         align-items center
         gap 16px
 
-        &>&-content
+        &-content
             height 100%
             display flex
             flex-direction column
             justify-content space-around
             flex 1
             word-break break-all
-            .{prefix}-title, .{prefix}-paragraph
+            .{prefix}-title
+            .{prefix}-paragraph
+                /**
+                 * 不设置高度的时候 由内容撑开在多行时
+                 * 受justify-content影响 可以居中
+                 */
+                height unset
                 margin 0
 
-        &>&-action
+        &-action
             display flex
             align-items center
             gap 16px