css3 - css怎么实现表单输入框前面的文字两端对齐?
PHP中文网
PHP中文网 2017-04-17 11:39:23
0
5
650

表单前面的文字描叙长度不同,怎么让其达到两端对齐

做成这种效果?
直接设置宽度用 text-align: justify;不能达到效果

PHP中文网
PHP中文网

认证高级PHP讲师

全部回覆(5)
Ty80

一個全角空格  

用户名
密 码
左手右手慢动作

在web端,這種設計圖都是設計師的強迫症;
如果表單少的情況可以用空格或寫個class,調整文字間距;

letter-spacing: 1rem;

表單多左邊文案建議右对齐,節省垂直空間,加快填入速度;
視應用場景來定。

PHPzhong

一般用空格 http://www.zhangweiwei.cn/2015/10/29/text-align-justify/

Ty80
text-align: justify;
text-justify: distribute-all-lines

只有IE能相容

見 caniuse
建議使用全角空格或右對齊

PHPzhong

通常label 右對齊

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板