CSS文本超出希望右对齐

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



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

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

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


 .z-form-item__error {
    white-space: nowrap;
    direction: rtl;
 }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容