不同的跨度和输入填充

【问题标题】：Different span and input padding不同的跨度和输入填充
【发布时间】：2022-08-18 15:31:33
【问题描述】：

我想知道为什么跨度和输入具有不同的填充，即使我将其设置为相同。它在 Firefox 和 Chrome 中的行为相同。哪个 CSS 规则会影响这一点？

span, input {
  font-family: sans-serif;
  font-size: 11pt;
  font-weight: 400;
  line-height: 16pt;
  padding: 15px;
  border: 1px solid black;
}

<span>Some text</span>
<input type=\"text\">

标签： html css

【解决方案1】：

line-height 不会影响 span，因为它默认是“内联”的，并且输入默认是内联块的。因此，如果您设置为 span display: inline-block 它应该可以工作

【讨论】：