文章詳情頁
css3 - css怎么實現(xiàn)表單輸入框前面的文字兩端對齊？
瀏覽：179日期：2023-07-10 17:43:13
問題描述
表單前面的文字描敘長度不同，怎么讓其達(dá)到兩端對齊
做成這種效果？直接設(shè)置寬度用 text-align: justify;不能達(dá)到效果
問題解答
回答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. docker-compose中volumes的問題2. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗！3. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？4. docker不顯示端口映射呢？5. golang - 用IDE看docker源碼時的小問題6. docker-machine添加一個已有的docker主機(jī)問題7. docker內(nèi)創(chuàng)建jenkins訪問另一個容器下的服務(wù)器問題8. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””9. javascript - 連續(xù)點擊觸發(fā)mouseleave事件10. mac里的docker如何命令行開啟呢？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備