diff --git a/src/containers/App/App.css b/src/containers/App/App.css index aae31e2f74b9a6eaf232ee59d44cba80e5beb68c..0250ec30bfa1f1ee05d4dec0427d84569b878150 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; -} -