要使<span>
和<input type="text">
的高度相同,可以使用CSS样式来实现。首先,为这两个元素分别设置一个类名,例如class="my-span"
和class="my-input"
。然后,在CSS样式表中,为这两个类设置相同的高度和行高。
以下是一个示例代码:
<!DOCTYPE html>
<html>
<head><style>
.my-span, .my-input {
height: 30px;
line-height: 30px;
display: inline-block;
}
.my-input {
width: 200px;
}
</style>
</head>
<body>
<span class="my-span">这是一个span元素</span><input type="text" class="my-input" />
</body>
</html>
在这个示例中,我们为<span>
和<input>
元素分别设置了my-span
和my-input
类名。在CSS样式表中,我们为这两个类设置了相同的高度(30px)和行高(30px),并将<input>
元素的宽度设置为200px。这样,<span>
和<input>
元素的高度就会相同了。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云