搜尋

首頁  >  問答  >  主體

css3 - css怎么实现表单输入框前面的文字两端对齐?

表单前面的文字描叙长度不同,怎么让其达到两端对齐

做成这种效果?
直接设置宽度用 text-align: justify;不能达到效果

PHP中文网PHP中文网2864 天前664

全部回覆(5)我來回復

  • PHP中文网

    PHP中文网2017-04-17 11:41:23

    一個全角空格  

    用户名
    密 码

    回覆
    0
  • ringa_lee

    ringa_lee2017-04-17 11:41:23

    在web端,這種設計圖都是設計師的強迫症;
    如果表單少的情況可以用空格或寫個class,調整文字間距;

    letter-spacing: 1rem;

    表單多左邊文案建議右对齐,節省垂直空間,加快填入速度;
    視應用場景來定。

    回覆
    0
  • PHPz

    PHPz2017-04-17 11:41:23

    一般用空格 http://www.zhangweiwei.cn/2015/10/29/text-align-justify/

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 11:41:23

    text-align: justify;
    text-justify: distribute-all-lines

    只有IE能相容

    見 caniuse
    建議使用全角空格或右對齊

    回覆
    0
  • PHPz

    PHPz2017-04-17 11:41:23

    通常label 右對齊

    回覆
    0
  • 取消回覆