文章詳情頁(yè)
css3 - css怎么實(shí)現(xiàn)表單輸入框前面的文字兩端對(duì)齊？
瀏覽：90日期：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)迫癥；如果表單少的情況可以用空格或者寫(xiě)個(gè)class，調(diào)整文字間距；
letter-spacing: 1rem;
表單多左邊文案建議右對(duì)齊，節(jié)約垂直空間，加快填寫(xiě)速度；視應(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能可以兼容
見(jiàn) caniuse建議使用全角空格或右對(duì)齊
回答5：通常label 右對(duì)齊
標(biāo)簽：
CSS
相關(guān)文章：
1. css3 - [CSS] 動(dòng)畫(huà)效果 3D翻轉(zhuǎn)bug2. python - Django分頁(yè)和查詢參數(shù)的問(wèn)題3. javascript - 百度echarts series數(shù)據(jù)更新問(wèn)題4. MySQL客戶端吃掉了SQL注解？5. javascript - JS設(shè)置Video視頻對(duì)象的currentTime時(shí)出現(xiàn)了問(wèn)題,IE,Edge,火狐,都可以設(shè)置,反而chrom卻...6. php自學(xué)從哪里開(kāi)始？7. python小白的基礎(chǔ)問(wèn)題 關(guān)于while循環(huán)的嵌套8. 求大神幫我看看是哪里寫(xiě)錯(cuò)了 感謝細(xì)心解答9. phpstady在win10上運(yùn)行10. javascript - 圖片能在網(wǎng)站顯示，但控制臺(tái)仍舊報(bào)錯(cuò)403 (Forbidden)
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備