一、問題描述

成都創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、紅河哈尼網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5網(wǎng)站設計、商城網(wǎng)站開發(fā)、集團公司官網(wǎng)建設、成都外貿網(wǎng)站建設公司、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為紅河哈尼等各大城市提供網(wǎng)站開發(fā)制作服務。

使得填表單位那一行字與下面的表格左對齊，對表格使用css中的margin:auto實現(xiàn)了居中，但是對那一行字（用div包裹的）使用margin:auto不生效；并且2021年下面對應的月份是動態(tài)變化的，月份的個數(shù)不定；

二、解決方案

（1）把那行字放在表格里，再把這行表格的邊框去掉；

（2）固定表格的寬度；2021年的列固定寬度，下面對應的月份的寬度按均分配；

（3）使用原生js前端操作dom，計算出外邊距；

三、實現(xiàn)

1   mounted() {
2     const tag=document.getElementsByClassName("tg")[0]
3     let margin_value=window.getComputedStyle(tag,null).marginLeft
4     console.log(tag)
5     console.log(window.getComputedStyle(tag,null).marginLeft)
6     const value=document.getElementsByClassName("custom-title")[0]
7     console.log(value)
8     value.setAttribute("style","margin-left:"+margin_value)
9   },