文章詳情頁
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)安備