有哪些 HTML 元素默认为 "display:inline-block"？

Question

将 div 或 span 标签更改为 inline-block 感觉很不好。一定有更干净的解决方案！我没有找到任何默认为 "display:inline-block" 的 HTML 元素。

提前感谢。

- Ebrahimi

---

我经常这样做，感觉完全没问题。 - MightyPork

Answer 1

从 HTML 4 的样式表 中得知： button、textarea、input 和 select 默认为 inline-block，但它们不是通用容器，因此（假设您谈论的是替代 div 和 span 的选择）不适合您的需求。

没有默认为 inline-block 的通用容器。

不要担心默认渲染的质量问题，重要的是语义。

- Quentin

Answer 2

也许会涉及到 Canvas、图片、按钮和文本域。

- Omar Sedki

---

canvas 是 display: inline，而 table 则是 display: table。 - Quentin

Answer 3

在HTML5 CR的渲染部分中，描述了几个元素具有“预期”绑定，导致该元素被“预期”呈现为内联块。其中大多数元素，例如<input type=text>不适合您的目的，因为它们不能包含任何内容。其他元素具有特殊的渲染功能，使其难以将它们转换为普通元素。

但从技术上讲，您可以使用例如textarea。然后，您将不得不处理其特殊的空格规则（可以通过white-space: normal覆盖），字体大小（可以通过font-size: 100%覆盖），字体系列等。因此，您会遇到比节省更多麻烦。

- Jukka K. Korpela