问题1:
如果以下两个textarea
和文本input
具有相同的font-size
,line-height
,{ {1}},height
?
问题1.1
如何使padding
与textarea
具有相同的垂直对齐方式?
input
.myTextarea {
display: block;
font-family: Arial;
font-size: 14px;
line-height: 21px;
height: 32px;
padding: 2px 5px;
resize: none;
}
.myInput {
display: block;
font-family: Arial;
font-size: 14px;
line-height: 21px;
height: 32px;
padding: 2px 5px;
}
.myDiv {
margin-top: 20px;
margin-bottom: 5px;
font-weight: bold;
}
答案 0 :(得分:1)
您可以删除输入的行高,因为它对输入没有影响。
此外,您的文本区域应与行高相同,以重现与输入相同的效果。
gcc
.myTextarea {
display: block;
font-family: Arial;
font-size: 14px;
line-height: 32px;
height: 32px;
padding: 2px 5px;
resize: none;
}
.myInput {
display: block;
font-family: Arial;
font-size: 14px;
height: 32px;
padding: 2px 5px;
}
.myDiv {
margin-top: 20px;
margin-bottom: 5px;
font-weight: bold;
}