文章詳情頁(yè)
css3 - css怎么實(shí)現(xiàn)表單輸入框前面的文字兩端對(duì)齊？
瀏覽：81日期：2023-07-10 17:43:13
問(wèn)題描述
表單前面的文字描敘長(zhǎng)度不同，怎么讓其達(dá)到兩端對(duì)齊
做成這種效果？直接設(shè)置寬度用 text-align: justify;不能達(dá)到效果
問(wèn)題解答
回答1：一個(gè)全角空格
用戶名密 碼回答2：
在web端，這種設(shè)計(jì)圖都是設(shè)計(jì)師的強(qiáng)迫癥；如果表單少的情況可以用空格或者寫個(gè)class，調(diào)整文字間距；
letter-spacing: 1rem;
表單多左邊文案建議右對(duì)齊，節(jié)約垂直空間，加快填寫速度；視應(yīng)用場(chǎng)景來(lái)定。
回答3：一般用空格 http://www.zhangweiwei.cn/2015/10/29/text-align-justify/
回答4：text-align: justify;text-justify: distribute-all-lines
只有IE能可以兼容
見 caniuse建議使用全角空格或右對(duì)齊
回答5：通常label 右對(duì)齊
標(biāo)簽：
CSS
相關(guān)文章：
1. 在html文件的目錄下輸入代碼按回車后顯示這個(gè)，哪位大佬幫幫我 呀2. javascript - 微信網(wǎng)頁(yè)開發(fā)從菜單進(jìn)入頁(yè)面后，按返回鍵沒(méi)有關(guān)閉瀏覽器而是刷新當(dāng)前頁(yè)面，求解決？3. node.js - nodejs開發(fā)中常用的連接mysql的庫(kù)4. 老師您的微信號(hào)是多少？5. mysql - jdbc的問(wèn)題6. python - 在使用Pycharm時(shí)經(jīng)常看到如下的樣式，小括號(hào)里紅色的部分是什么意思呢？7. 視頻文件不能播放，怎么辦？8. mysql - 分庫(kù)分表、分區(qū)、讀寫分離 這些都是用在什么場(chǎng)景下 ，會(huì)帶來(lái)哪些效率或者其他方面的好處9. windows7 ping不通虛擬機(jī)VMware上的linux（ubuntu）的ip10. mysql - 如何減少使用或者不用LEFT JOIN查詢？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備