css之文本两端对齐的两种解决方法

css之文本两端对齐

          <el-row>
            <el-col>
              <el-form-item prop="username">
                <span slot="label" style="width:4em;display:inline-block;text-align:justify;text-align-last:justify">用户名</span>
                <el-input
                  v-model="formSignData.username"
                  type="username"
                  autocomplete="off"
                  style="max-width:200px"
                />
              </el-form-item>
            </el-col>
            <el-col>
              <el-form-item prop="name">
                <span slot="label" style="width:4em;display:inline-block;text-align:justify;text-align-last:justify">姓名</span>
                <el-input
                  v-model="formSignData.name"
                  type="name"
                  autocomplete="off"
                  style="max-width:200px"
                />
              </el-form-item>
            </el-col>
            <el-col>
              <el-form-item prop="password">
                <span slot="label" style="width:4em;display:inline-block;text-align:justify;text-align-last:justify">密码</span>
                <el-input
                  v-model="formSignData.password"
                  type="password"
                  autocomplete="off"
                  style="max-width:200px"
                />
              </el-form-item>
            </el-col>
            <el-col>
              <el-form-item prop="confirmPassword">
                <span slot="label" style="width:4em;display:inline-block;text-align:justify;text-align-last:justify">确认密码</span>
                <el-input
                  v-model="formSignData.confirmPassword"
                  type="password"
                  autocomplete="off"
                  style="max-width:200px"
                />
              </el-form-item>
            </el-col>
          </el-row>

注意
此方法ie浏览器不兼容