在做form表單校驗(yàn)時(shí)筋量,經(jīng)常會出現(xiàn)但是校驗(yàn)失敗的提示文本超出校驗(yàn)項(xiàng)寬度的現(xiàn)象:
當(dāng)超出校驗(yàn)項(xiàng)寬度時(shí)坝茎,文本換行展示了,希望不換行展示拱烁,可以使用
.z-form-item__error {
white-space: nowrap;
}
不換行后發(fā)現(xiàn)文本直接向右溢出展示,但是因?yàn)樾r?yàn)項(xiàng)已經(jīng)距離右邊界很近了噩翠,超出右側(cè)直接隱藏了戏自,所以我們需要文本從右向左展示:
.z-form-item__error {
white-space: nowrap;
direction: rtl;
}