如何使<span>与<input type ="text">的高度相同

要使<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>元素的高度就会相同了。