字数不一致时调整样式对齐

背景:

        设计页面布局时,经常要用到字数不一致后面跟上输入框,如:注册页面等,因此对字数字体排版很重要。

调整前 页面:

                      字数不一致时调整样式对齐_第1张图片

调整后 页面:

        字数不一致时调整样式对齐_第2张图片

HTML代码:

style样式:

 .w3{
        letter-spacing:1.3em;
        margin-right:-1em;
    }
    .w4{
        letter-spacing: 0.5em;
        margin-right:-0em;
    }
    .w5{
        letter-spacing:0.2em;
        margin-right:-0em;
    }

letter-spacing: 这个属性 主要是调整字体间距的 

margin-right: 它主要调整 输入框和字体的距离的

 

你可能感兴趣的:(前端)