CSS文本超出希望右对齐

在做form表单校验时，经常会出现但是校验失败的提示文本超出校验项宽度的现象：

当超出校验项宽度时，文本换行展示了，希望不换行展示，可以使用

.z-form-item__error {
    white-space: nowrap;
}

不换行后发现文本直接向右溢出展示，但是因为校验项已经距离右边界很近了，超出右侧直接隐藏了，所以我们需要文本从右向左展示：

 .z-form-item__error {
    white-space: nowrap;
    direction: rtl;
 }