我有两个 <div>
s 并且我试图将它们水平对齐。但是存在一些对齐问题。我该如何解决这个问题?
.info {
margin-top: 50px;
padding-left: 1%;
font-size: 12px;
position: absolute;
}
.info_label {
margin-right: 15px;
margin-bottom: 10px;
width: 40%;
padding: 0;
float: left;
background-color: yellow;
position: relative;
}
.info_data_label {
margin-right: 10px;
margin-bottom: 10px;
width: 50%;
padding: 0;
background-color: yellow;
float: right;
position: relative;
}
.j {
float: left;
}
<div className="info">
<div>
<div className="info_label">
<label className="j">Gender</label>
</div>
<div className="info_data_label">
<label className="j">Male</label>
</div>
</div>
<br/>
<div>
<div className="info_label">
<label className="j">Birthday</label>
</div>
<div className="info_data_label">
<label className="j">1992-05-23</label>
</div>
</div>
<br/>
</div>
根据我的看法,它应该可以正常工作。但是第二个 View 似乎低于第一个 <div>
.它们没有正确对齐。
最佳答案
.info {
margin-top: 50px;
padding-left: 1%;
font-size: 12px;
display : inline;
.j {
float: left;
}
<div className="info" >
<div className="info" >
<label className="j">Gender</label>
<label className="j">Male</label> <br/>
<label className="j">Birthday</label>
<label className="j">1992-05-23</label>
</div>
伙计,这就是你想要的!
关于html - Div 没有水平对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41802818/