From 97ee11f787947b0ed6de64885f6f321729347c9c Mon Sep 17 00:00:00 2001
From: Kang Wang <888666wang4286@gmail.com>
Date: Sun, 22 Sep 2024 15:43:31 +0000
Subject: [PATCH] Update file App.css

---
 src/containers/App/App.css | 30 ++++++++++--------------------
 1 file changed, 10 insertions(+), 20 deletions(-)

diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index aae31e2..0250ec3 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -711,30 +711,20 @@ footer a:hover {
 /* formula style*/
 
 
-div.formula_content{
+div.formula_content {
   position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center; /* 垂直居中对齐公式和数字 */
+  max-width: 80%; /* 公式宽度不超过容器的80% */
+  margin: 0 auto; /* 居中公式容器 */
+  overflow-x: auto; /* 如果公式太长，允许水平滚动 */
+  white-space: nowrap; /* 防止公式内容换行 */
 }
 
 div.formula_content .formula_number {
   position: absolute;
-  right: 10%;
+  right: 10%; /* 序号距离右边10% */
   top: 50%;
-  transform: translateY(-50%);
-}
-
-
-#long_formula.formula_content {
-  display: flex;
-  justify-content: space-between;
-  align-items: center; 
-  margin: 10px 0;
-  max-width: 80%; 
-  overflow-x: auto; 
-  white-space: nowrap; 
+  transform: translateY(-50%); /* 让数字垂直居中 */
 }
-
-#long_formula .formula_number {
-  margin-left: 10px; 
-  flex-shrink: 0;
-}
-
-- 
GitLab