Grid 布局，一行两列，两列都有 input 输入框。
怎么才能做到水平垂直居中，本职工作不忙，业余写着玩玩这家伙写的我一脑门子汗，
搜到的居中全都是文字内容居中，没找到有这种 input 的，我试了试也没成功
This topic created in 1412 days ago, the information mentioned may be changed or developed.
 |
1
noe132 Aug 1, 2022
justify-items: center;
单行布局不是 flex 更好用么？写 flex-direction: column; align-items: center 也能实现一样的效果 |
 |
2
horseInBlack Aug 1, 2022
一行两列用 flex ，每列内部也用 flex
<div class="container"> <div class="left item"> 姓名：<input type="text"> </div> <div class="right item"> 年龄：<input type="text"> </div> </div> .container{ width: 100%; height:200px; border:2px solid black; display:flex; } .item{ flex:1; display:flex; justify-content:center; align-items:center; border:2px solid black; } input{ height:20px; } |
|
3
horseInBlack Aug 1, 2022
|
 |
4
fox0001 Aug 1, 2022 via Android
直接 flex 解决
|
 |
5
placeholder OP |
Select Language