關於element的form的label的文字兩端對齊.

在使用elementUI的form的時候,label只有左右,居中對齊.但是為了准確無誤的完成UI給的高保真,(本人也覺得當時兩端對齊好看一點).所以就去找了一下,居然都沒這個話題......(可能是問題太簡單了.),我就自己修改了一下代碼,下面放出來,自己記憶,和供有用的人參考一下.

---

下面是修改了樣式之前的樣子

代碼:

 .info-form>>>.el-form-item label:after {
        content: " ";
        display: inline-block;
        width: 100%;
    }

    .info-form>>>.el-form-item__label {
        text-align: justify
    }
    /* 這里去除必選字段的*,這個符號會造成一定影響,去掉之后我用了li列表進行定位,在前面加上" * ". */
    .info-form>>>.el-form-item.is-required .el-form-item__label:before {
        content: none !important;
    }

注:info-form是我這個form表單的上級元素.(為了不影響全局的樣式,) ">>>",這個是深度選擇器,可以在style 為scoped的時候找到你的dom進行修改.

---

下面是效果圖

別噴我!