Css 对齐输入字段(每行2个)-VueJS
我对VueJs中4个输入文本的对齐有问题 我的容器CSSCss 对齐输入字段(每行2个)-VueJS,css,vue.js,surveyjs,Css,Vue.js,Surveyjs,我对VueJs中4个输入文本的对齐有问题 我的容器CSS .step__field-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; ali
.step__field-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
max-width: 520px;
margin: 40px auto auto;
}
我的输入CSS
.input__field {
width: 100%;
height: 50px;
max-width: 334px;
background-color: #fff;
border: 1px solid #e9e9e9;
padding-left: 20px;
font-size: 15px;
line-height: 50px;
}
请帮助我们
谢谢如果您想要固定的每行两个输入字段,下面的代码就可以了。还建议使用行/列div。有关详细信息,请参阅 .step__现场容器
display: -ms-table;
display: table;
.输入\字段
width:50%;
如果使用某种形式的循环,可以将每两个循环包装在一个div中。可以使用
%
检查每个偶数循环。i、 e.0%2
发布您的完整代码。使用Codesandbox的演示会很有用