css部分
.row-label {
/deep/.ant-form-item-label {
display: flex;
justify-content: flex-end;
line-height: 16px;
label {
white-space: normal;
text-align: right;
padding-right: 10px;
&:after {
content: none !important; //解决上面的样式label后面会有空格
}
}
}
}
html部分 ,外面的类名也可以加在a-row上面,不过就是里面所有的a-col会换行了,不过设置了之后两行的文字是正常的,自适应的屏幕如果文字没有换行显示成一行的话文字就不会居中显示了,没有解决,如果有遇到一样问题的有解决办法的可以留言指教
<div class="row-label">
<a-col :md="6" :sm="24">
<a-form-model-item
label=""
:labelCol="{ span: 8 }"
:wrapperCol="{ span: 16 }"
prop=""
>
<a-input :disabled="" v-model="" placeholder="" />
</a-form-model-item>
</a-col>
</div>