docs: style

README-zh.md

@@ -16,22 +16,16 @@
 <table>
    <tr>
       <td align="center">
-         <div style="display:flex; gap: 4px; align-items: center;">
-            <img width="24" src="./docs/assets/readme/google-chrome-logo-svgrepo-com.svg"/>
+            <img  style="vertical-align: middle;" width="24" src="./docs/assets/readme/google-chrome-logo-svgrepo-com.svg"/>
             <span>Chrome插件商店</span>
-         </div>
       </td>
       <td align="center">
-         <div style="display:flex; gap: 4px; align-items: center;">
-            <img width="24" src="./docs/assets/readme/edge-svgrepo-com.svg"/>
+            <img  style="vertical-align: middle;" width="24" src="./docs/assets/readme/edge-svgrepo-com.svg"/>
             <span>Edge插件商店</span>
-         </div>
       </td>
        <td align="center">
-         <div style="display:flex; gap: 4px; align-items: center;">
-            <img width="24" src="./docs/assets/readme/download-square-svgrepo-com.svg"/>
+            <img style="vertical-align: middle;"  width="24" src="./docs/assets/readme/download-square-svgrepo-com.svg"/>
             <span>ZIP压缩包</span>
-         </div>
       </td>
    </tr>
    <tr>
@@ -151,13 +145,15 @@
 
 2. **打开 Chrome 扩展页面**：
    打开 Chrome，导航到扩展管理页面：
+
    - 在地址栏中输入 `chrome://extensions/` 并按下 **Enter** 键。
    - 或点击菜单（三个点图标），选择 **更多工具 > 扩展程序**。
 
 3. **启用开发者模式**：
    在扩展页面右上角切换 **开发者模式** 开关。
 
 4. **加载扩展**：
+
    - 点击 **加载已解压的扩展程序** 按钮。
    - 在文件对话框中，导航到项目目录下的 `univer-clipsheet/dist` 文件夹。
    - 选择该文件夹并点击 **打开**。

README.md

@@ -1,4 +1,3 @@
-
 <picture>
     <source media="(prefers-color-scheme: dark)" srcset="./docs/assets/readme/banner-light.png">
     <img src="./docs/assets/readme/banner-dark.png" alt="Univer" width="400" />
@@ -17,22 +16,16 @@
 <table>
    <tr>
       <td align="center">
-         <div style="display:flex; gap: 4px; align-items: center;">
-            <img width="24" src="./docs/assets/readme/google-chrome-logo-svgrepo-com.svg"/>
+            <img style="vertical-align: middle;" width="24" src="./docs/assets/readme/google-chrome-logo-svgrepo-com.svg"/>
             <span>Chrome Web Store</span>
-         </div>
       </td>
       <td align="center">
-         <div style="display:flex; gap: 4px; align-items: center;">
-            <img width="24" src="./docs/assets/readme/edge-svgrepo-com.svg"/>
+            <img style="vertical-align: middle;"  width="24" src="./docs/assets/readme/edge-svgrepo-com.svg"/>
             <span>Edge addons</span>
-         </div>
       </td>
        <td align="center">
-         <div style="display:flex; gap: 4px; align-items: center;">
-            <img width="24" src="./docs/assets/readme/download-square-svgrepo-com.svg"/>
+            <img style="vertical-align: middle;"  width="24" src="./docs/assets/readme/download-square-svgrepo-com.svg"/>
             <span>Compressed ZIP</span>
-         </div>
       </td>
    </tr>
    <tr>
@@ -149,13 +142,15 @@ To use **Univer Clipsheet** as a Chrome extension, follow these steps:
 
 2. **Open Chrome Extensions Page**:
    Open Chrome and navigate to the extensions management page:
+
    - Enter `chrome://extensions/` in the address bar and hit **Enter**.
    - Alternatively, click the menu (three dots in the top-right corner), go to **More Tools > Extensions**.
 
 3. **Enable Developer Mode**:
    Toggle the **Developer Mode** switch in the top-right corner of the extensions page.
 
 4. **Load the Extension**:
+
    - Click the **Load unpacked** button.
    - In the file dialog, navigate to the `univer-clipsheet/dist` folder inside the project directory.
    - Select the folder and click **Open**.