文章详情页
css3 - css怎么实现表单输入框前面的文字两端对齐？
浏览：163日期：2023-07-10 17:43:13
问题描述
表单前面的文字描叙长度不同，怎么让其达到两端对齐
做成这种效果？直接设置宽度用 text-align: justify;不能达到效果
问题解答
回答1：一个全角空格
用户名密 码回答2：
在web端，这种设计图都是设计师的强迫症；如果表单少的情况可以用空格或者写个class，调整文字间距；
letter-spacing: 1rem;
表单多左边文案建议右对齐，节约垂直空间，加快填写速度；视应用场景来定。
回答3：一般用空格 http://www.zhangweiwei.cn/2015/10/29/text-align-justify/
回答4：text-align: justify;text-justify: distribute-all-lines
只有IE能可以兼容
见 caniuse建议使用全角空格或右对齐
回答5：通常label 右对齐
标签：
CSS
相关文章：
1. docker不显示端口映射呢？2. python相关问题求解决，有偿3. javascript - vue2.0中使用vue2-dropzone的demo，vue2-dropzone的github网址是什么？？百度不到。4. node.js - nodejs+express+vue5. node.js - 如何调用hexo渲染 ``` ``` 代码块的渲染引擎6. android - 安卓activity无法填充屏幕7. jquery - css3 scale 缩放图片问题8. html5 - iOS的webview加载出来的H5网页，怎么修改html标签select的样式字体？9. javascript - 怎么用flatlist替换scrollview？10. javascript - 使用webStorm通过git提交代码push时报错
排行榜
网公网安备