文章详情页

css3 - css怎么实现表单输入框前面的文字两端对齐？

浏览：173日期：2023-07-10 17:43:13

问题描述

表单前面的文字描叙长度不同，怎么让其达到两端对齐 css3 - css怎么实现表单输入框前面的文字两端对齐？

做成这种效果？直接设置宽度用 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

上一条：前端 - sass 如何import单条css选择器下一条：css3 - 关于一个不可描述的css问题，如图

相关文章：

1. docker镜像push报错2. docker - 如何修改运行中容器的配置3. docker绑定了nginx端口外部访问不到4. golang - 用IDE看docker源码时的小问题5. boot2docker无法启动6. 为什么我ping不通我的docker容器呢？？？7. angular.js - angular内容过长展开收起效果8. javascript - 移动端点击弹出遮罩层加断点调试就行不加断点就不行9. docker 下面创建的IMAGE 他们的 ID 一样？这个是怎么回事？？？？10. css3 - IE浏览器下，一个元素设置overflow:auto后，出现下拉滚动条，拖动滚动条图片会移动，但文字不移动