使用element ui 元件的時候，如果使用兩個或多個按鈕在同一個單元格內，按鈕會豎著排列，但是不能夠對齊怎麼解決？

财神给你送元宝發表於2024-10-28
UI元件

開啟瀏覽器的開發者模式（f12開啟）

我們發現這個按鈕有一個自帶的左邊距10px

<el-table-column width="100" label="操作">
  <template #default="scope">
    <el-button type="primary" plain style="width: 50px;" @click="handelEdit(scope.row)">編輯</el-button>
    <el-button type="danger" style="margin-left: 0; width: 50px;" @click="handelDelete(scope.row)">刪除</el-button>
  </template>
</el-table-column>

這樣就好了



相關文章