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

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

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

PHP中文网
PHP中文网

认证高级PHP讲师

全員に返信(5)
Ty80

一个全角空格  

用户名
密 码
いいねを押す +0
左手右手慢动作

在web端,这种设计图都是设计师的强迫症;
如果表单少的情况可以用空格或者写个class,调整文字间距;

letter-spacing: 1rem;

表单多左边文案建议右对齐,节约垂直空间,加快填写速度;
视应用场景来定。

いいねを押す +0
PHPzhong

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

いいねを押す +0
Ty80
text-align: justify;
text-justify: distribute-all-lines

只有IE能可以兼容

见 caniuse
建议使用全角空格或右对齐

いいねを押す +0
PHPzhong

通常label 右对齐

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート