首先我们来看问题描述:
我设置的span标签时,当设置一个高度之后,发现本该在元素盒子内的文字在外面。
再看一下代码:
<div class = "commenter">
<img src = "background.png" class = "userImg">
<input type = "text" >
<input type = "text" value = "帅气的小朱哥" disabled class = "nameInput">
</div>
.commenter
{
display:flex;
flex-direction:column;
justify-content:space-evenly;
border-right:1px solid #90c52a;
width:30%;
line-height:250px;
}
.userImg
{
width:100%;
height:50%;
}
.commenter span
{
height:30px;
width:25%;
text-align:center;
font-size:1.