文章詳情頁
css3 - css怎么實現表單輸入框前面的文字兩端對齊？
瀏覽：109日期：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 for Mac 創建的dnsmasq容器連不上/不工作的問題2. css3 - 圖片等比例縮放3. html - css3中多列高度 統一4. javascript - 使用angular 的ui-sref 中出現了中文參數，點擊跳轉后瀏覽器的地址欄里出現轉義后的%AE....%a%45. css3 - 如何將網頁CSS背景圖高斯模糊且全屏顯示6. html5 - 這個代碼顯示功能如何實現？7. css3 - animation屬性，safari瀏覽器不支持相關效果8. javascript - 求賜教：網易郵箱Web端模擬登錄看信的加密參數_ntes_nnid、_ntes_nuid9. css - jq有無現成函數改變rotateX/Y的deg10. javascript - QWebEngineView 如何爬 angular 的動態數據？
排行榜
網公網安備