input标签对齐方式

直入主题吧,直接写input标签去做对齐,是很难对齐,所以之前一直都是用table表格去对齐,这个大家应该都知道(我还是放一个简单的demo吧)。现在发现一个更好的对齐方式。是通过label标签去对齐。

第一种 直接用input

这种不太好对齐 可能用 去对齐,但是太麻烦。

第二种 用table去布局

这种比较好对齐,可以采用
登录名
密码
效果是这样的

第三种 用label标签来对齐


    
这样只需要在css中设定
label{
            display: inline-block;
            min-width: 100px;/*或者 width: 100px;*/
        }
这样就ok了

好了 到这里也就结束了 拜

你可能感兴趣的:(input标签对齐方式)