作者:手机用户2502862133 | 来源:互联网 | 2023-07-21 15:46
方法一:用flex来实现Document*{margin:0;padding:0;}body{font-size:14px;padding:15px;}.demo{o
方法一:用flex来实现
Document
*{
margin:0;
padding:0;
}
body{
font-size:14px;
padding:15px;
}
.demo{
overflow: hidden;
display: flex;
align-items: center;
}
.demo span{
display: inline-block;
}
.name{
width:50px;
}
.sex{
width:25px;
}
.card{
flex:1;
}
姓名姓名姓名姓名姓名姓名
男
证件号码445544555544558887
方法二:display:table
Document
*{
margin:0;
padding:0;
}
body{
font-size:14px;
padding:15px;
}
.demo{
overflow: hidden;
display: table;
}
.demo span{
display: table-cell;
vertical-align: middle;
}
.name{
width:50px;
}
.sex{
width:25px;
}
.card{
width:calc(100% - 50px -25px);
}
姓名姓名姓名姓名姓名姓名
男
证件号码445544555544558887
欢迎关注小程序,感谢您的支持!