文章詳情頁

css3 - css怎么實現表單輸入框前面的文字兩端對齊？

瀏覽：100日期：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. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?2. docker gitlab 如何git clone？3. css3 - border-bottom 的長度可否超過盒子的寬度呢？實現如下圖效果。（我的書下面的線）4. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？5. java - spring boot @Autowired6. JavaScript事件7. mysql scripts提示 /usr/bin/perl: bad interpreter8. android - 用textview顯示html時如何寫imagegetter獲取網絡圖片9. mysql優化 - mysql EXPLAIN之后怎么看結果進行優化？10. css3 - css怎么實現圖片環繞的效果