代码片段 → CSS → 跨浏览器内联块 跨浏览器内联块 Chris Coyier 于 2020 年 9 月 18 日 li { width: 200px; min-height: 250px; border: 1px solid #000; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 5px; zoom: 1; *display: inline; _height: 250px; } 参考
谢谢
内联块在表单布局中非常有用（应用于标签、输入、错误跨度）。在 IE6+、Mozilla 3.6+、Safari、Chrome 等中运行良好。
这是一个非常有用的技巧！它比浮动 li 项目好得多。谢谢。
如果您想避免讨厌的 CSS 技巧并且不关心 IE6（您不应该关心），如果您使用默认显示为内联的标签（除了 <p> 标签），您可以在所有浏览器中确保适当的内联块处理。
因此，如果您对它们应用 display:inline-block，<span>、<b>、<s>、<q>、<u>、<i> 或 <a> 等标签在所有浏览器中都能完美运行。
我推荐 <span> 因为它在语义上类似于 <div>。
请记住，内联块之间的空格就像文本之间的空格一样呈现。
点击这里查看演示并在各种浏览器中进行测试。
该标签默认情况下是块级元素，但除此之外的评论很好。
该死的，HTML 禁用。*段落标签* 默认情况下是块级元素。
这将是正确的，除了 Firefox 2，这就是为什么包含 -moz-inline-stack 的原因。
我必须说，您的网站非常有用，我经常到这里，还有 css frog 规则。
还没有准备好分享我的网站，也许等它更完善的时候吧！
您好，内联块在 Chrome 中是否有任何已知问题，看看我在新的 WordPress 2012 测试版中发现的这种奇怪行为 - http://wordpress.org/support/topic/twentytwelve-nav?replies=17
有人有什么建议或想法吗？
想要用 div 实现这个
我最终将
white-space: nowrap;添加到我的内联块混合中，以解决我在 Android 上的 Chrome 中遇到的一个问题，即一些<li>毫无理由地换行。display:inline 意味着什么？在任何属性之前加 “*” 的意思是什么？
谢谢
考虑到现在是 2014 年 9 月，如果您不需要支持旧浏览器，是否可以简单地执行：“display: inline-block;”？
您好,
我在 Chrome 和 Opera 中遇到了内联块问题。
这是源代码：一个 链接。
它在 Chrome 和 Opera 中工作，奇怪的是在 Firefox 中工作，它在 Windows 10 中的 Microsoft Edge 中完美运行，但在 Safari 中不工作。为什么现在 Chrome 和 Opera 不工作？如果我将内联块覆盖为块，那么 Chrome 和 Opera 就会工作，但很奇怪。
非常感谢！
有一个链接悬停效果（3D 旋转）
抱歉之前的代码！
这是链接
http://codepen.io/anon/pen/pjpGBx
在现代版本的 Mozilla 中，display: -moz-inline-stack 会导致 div 中的文本折叠，如果代码例如：
<div>img</div> <div>h1 text text</div>而且浏览器也不识别第二个 div 中的填充。
小心这个！
谢谢，好技巧