input和label同一行并且对齐

Posted codedevotee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input和label同一行并且对齐相关的知识,希望对你有一定的参考价值。

效果图:

技术图片

 

 代码:

input{
    
    display: inline-block;
    vertical-align: middle;
}

label{
    
    vertical-align: middle;
}

 

以上是关于input和label同一行并且对齐的主要内容,如果未能解决你的问题,请参考以下文章

bootstrap中怎样让label和input在同一行?

如何使 <label> 和 <input> 出现在 HTML 表单的同一行?

iOS-frame布局浮点数导致对齐问题

怎样让一行中的 文字 input输入框 按钮button它们在同一个高度上? 它们中的文字 是 垂直居中对齐

关于label和input对齐的那些事

elform中label和input对齐