文章詳情頁
css3 - css怎么實現(xiàn)表單輸入框前面的文字兩端對齊？
瀏覽：181日期：2023-07-10 17:43:13
問題描述
表單前面的文字描敘長度不同，怎么讓其達到兩端對齊
做成這種效果？直接設(shè)置寬度用 text-align: justify;不能達到效果
問題解答
回答1：一個全角空格
用戶名密 碼回答2：
在web端，這種設(shè)計圖都是設(shè)計師的強迫癥；如果表單少的情況可以用空格或者寫個class，調(diào)整文字間距；
letter-spacing: 1rem;
表單多左邊文案建議右對齊，節(jié)約垂直空間，加快填寫速度；視應(yīng)用場景來定。
回答3：一般用空格 http://www.zhangweiwei.cn/2015/10/29/text-align-justify/
回答4：text-align: justify;text-justify: distribute-all-lines
只有IE能可以兼容
見 caniuse建議使用全角空格或右對齊
回答5：通常label 右對齊
標(biāo)簽：
CSS
相關(guān)文章：
1. javascript - immutable配合react提升性能？2. javascript - sublime快鍵鍵問題3. 配置Apache時，添加對PHP的支持時語法錯誤4. Apache 已經(jīng)把網(wǎng)站根目錄的改為allow from all了，但是服務(wù)器還是不能訪問？5. css - 寫頁面遇到個布局問題，求大佬們幫解答，在線等，急！~6. phpstudy8.1支持win11系統(tǒng)嗎？7. javascript - nodejs關(guān)于進程間發(fā)送句柄的一點疑問8. 實現(xiàn)bing搜索工具urlAPI提交9. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽數(shù)據(jù)變化10. javascript - 移動端上不能實現(xiàn)拖拽布局嗎？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備