文章詳情頁
css3 - css怎么實現(xiàn)表單輸入框前面的文字兩端對齊？
瀏覽：95日期：2023-07-10 17:43:13
問題描述
表單前面的文字描敘長度不同，怎么讓其達到兩端對齊
做成這種效果？直接設置寬度用 text-align: justify;不能達到效果
問題解答
回答1：一個全角空格
用戶名密 碼回答2：
在web端，這種設計圖都是設計師的強迫癥；如果表單少的情況可以用空格或者寫個class，調(diào)整文字間距；
letter-spacing: 1rem;
表單多左邊文案建議右對齊，節(jié)約垂直空間，加快填寫速度；視應用場景來定。
回答3：一般用空格 http://www.zhangweiwei.cn/2015/10/29/text-align-justify/
回答4：text-align: justify;text-justify: distribute-all-lines
只有IE能可以兼容
見 caniuse建議使用全角空格或右對齊
回答5：通常label 右對齊
標簽：
CSS
相關(guān)文章：
1. javascript - jquery怎么給select option一個點擊時觸發(fā)的事件,如圖 如果選擇自定義觸發(fā)一個時間？2. javascript - es6擴展運算符...的問題3. 網(wǎng)頁爬蟲 - python爬蟲用BeautifulSoup爬取<s>元素并寫入字典，但某些div下沒有這一元素，導致自動寫入下一條，如何解決？4. html - 前端大牛都頂一下！CSS鼠標樣式問題，如圖所示5. node.js - 在nodejs環(huán)境中如何配置webhook以實現(xiàn)hexo博客的自動更新？6. css3 - 求教CSS圖標庫的寫法，也就是先做雪碧圖，然后寫一個css表，用的時候直接用class就可以了7. html5 - canvas中的mousedrag事件，為什么鼠標拖出canvas，然后再次移入canvas，drag事件還觸發(fā)8. Android的webView如何實現(xiàn)網(wǎng)頁 錄音功能？9. node.js - vue-resource,如何改變響應格式？10. java - Android Studio 中的Service問題
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備