文章詳情頁
css3 - css怎么實現(xiàn)表單輸入框前面的文字兩端對齊？
瀏覽：124日期：2023-07-10 17:43:13
問題描述
表單前面的文字描敘長度不同，怎么讓其達到兩端對齊
做成這種效果？直接設置寬度用 text-align: justify;不能達到效果
問題解答
回答1：一個全角空格
用戶名密 碼回答2：
在web端，這種設計圖都是設計師的強迫癥；如果表單少的情況可以用空格或者寫個class，調(diào)整文字間距；
letter-spacing: 1rem;
表單多左邊文案建議右對齊，節(jié)約垂直空間，加快填寫速度；視應用場景來定。
回答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. android - weex 項目createInstanceReferenceError: Vue is not defined2. PHPExcel表格導入數(shù)據(jù)庫怎么導入3. android - 哪位大神知道java后臺的api接口的對象傳到前端后輸入日期報錯，是什么情況？求大神指點4. javascript - 如圖，百度首頁，查看源代碼為什么什么都沒有？5. pdo 寫入到數(shù)據(jù)庫的內(nèi)容為中文的時候?qū)懭雭y碼6. vue2.0+webpack 如何使用bootstrap？7. PHP類封裝的插入數(shù)據(jù)，總是插入不成功，返回false；8. html - 根據(jù)用戶id實現(xiàn)論壇用戶頭像顯示的最佳實現(xiàn)9. 前端 - 為什么CSS transform-origin 屬性在 Chrome 和 Safari 中得到完全不同的效果？10. docker綁定了nginx端口 外部訪問不到
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備