导读：近期更新了《HTML_tooltip》的相关内容，包含《HTML Tooltip 垂直对齐问题：彻底消除图标下方多余空白该怎么解决？》。如果 HTML_tooltip 对你有帮助，请转发和分享本内容。知识因分享而拥有更大能量，感谢您成为这传播链条中的重要一环。
HTML Tooltip 垂直对齐问题：彻底消除图标下方多余空白该怎么解决？ 图标下方莫名多出几像素空白，是写Tooltip时最隐蔽的布局 bug。根源在于行内元素默认按基线对齐，而图标下沿与文字基线之间存在字体度量空隙。用 display:inline-block 配合 vertical-align:middle 可让图标和提示框对齐到中线，再借 line-height:0 或负 margin 吸收容器留白... 栏目：HTML/CSS 时间：08-18 HTML_tooltip vertical_align inline_element
