Html 如何轻松地将元素与“显示：内联块”和“溢出：隐藏”对齐？

使用overflow:hidden的内联块元素将其自身定位，以便其底边距为基线。发件人：

“内联块”的基线是其 正常流程中的最后一个行框，除非它没有 在流线框中，或者如果其“溢出”属性具有 “可见”以外的计算值，在这种情况下 基线是底边距边缘

实际上，这意味着这些元素意外地向上移动；e、 例如，在a中，元素不会垂直居中。一个简单的例子：

div{ 边框：1px纯红； 文字装饰：下划线； } .ib{ 显示：内联块； } h{ 溢出：隐藏； } 可见bgjh

---

HiddenABgjh我不确定您希望支持哪些浏览器，但是如果您使用display:flex包装您的DIV；你不会得到垂直偏移。你可以在这里看到：

div{ 边框：1px纯红； 文字装饰：下划线； } .ib{ 显示：内联块； } h{ 溢出：隐藏； } .flex{ 显示器：flex； } 看得见的 ABgjh 隐藏的 ABgjh

---

我仍然希望div充当内联块；使用flex或内联flex包装会导致不同的行为。例如，尝试在ABgjh文本中插入。FWIW，我只在Chrome用户界面上使用它，所以特定于Chrome的解决方案是可以的。