文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
css3 - css怎么实现表单输入框前面的文字两端对齐？
PHP中文网
PHP中文网 2017-04-17 11:39:23
[CSS3讨论组]
0 5 802
举报

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

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

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(5)
PHP中文网
PHP中文网2017-04-17 11:41:23 5楼

一个全角空格 　

用户名
密　码
赞 +0
添加回复
ringa_lee
ringa_lee2017-04-17 11:41:23 4楼

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

letter-spacing: 1rem;

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

赞 +0
添加回复
PHPz
PHPz2017-04-17 11:41:23 3楼

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

赞 +0
添加回复
PHP中文网
PHP中文网2017-04-17 11:41:23 2楼 
text-align: justify;
text-justify: distribute-all-lines

只有IE能可以兼容

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

赞 +0
添加回复
PHPz
PHPz2017-04-17 11:41:23 1楼

通常label 右对齐

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部