Update file App.css

src/containers/App/App.css

@@ -713,21 +713,29 @@ footer a:hover {
 
 div.formula_content {
   position: relative;
-  max-width: 70%; 
+  max-width: 70%;
   margin: 0 auto; /* 容器水平居中 */
   overflow-x: auto; /* 如果公式太长，允许水平滚动 */
   white-space: nowrap; /* 防止公式换行 */
-  text-align: center; 
+  text-align: center;
   font-size: 0.9em;
+  display: flex; /* 使用Flexbox布局 */
+}
+
+div.formula_content .formula_line {
+  flex: 0 0 80%; /* 分配80%宽度，不允许伸缩 */
+  text-align: left; /* 公式左对齐 */
 }
 
 div.formula_content .formula_number {
-  position: absolute;
-  top: 50%; 
-  right: 0px;
-  transform: translateY(-50%); 
+  flex: 0 0 20%; /* 分配20%宽度，不允许伸缩 */
+  position: relative; /* 相对定位，便于垂直居中 */
+  top: 50%;
+  transform: translateY(-50%); /* 垂直居中 */
+  text-align: right; /* 数字右对齐 */
 }
 
+
 div.formula_content::-webkit-scrollbar {
   width: 3px; 
   height: 3px;