是否垂直对齐图像旁边的文本？

作者

为什么垂直对齐：中间不起作用？然而，垂直对齐：top确实有效

span{
垂直对齐：中间对齐；
}
&lt；部门&gt；
&lt；img src=”https://via.placeholder.com/30“alt=”小img“/&gt；
&lt；span&gt；不起作用。&lt/span&gt；
&lt/部门&gt

实际上，在这种情况下，它非常简单：将垂直对齐应用于图像。因为所有内容都在一行中，所以实际上是要对齐的图像，而不是文本

&lt；！--将“垂直对齐：中间”样式从span移动到img--&gt；
&lt；部门&gt；
&lt；img style=“垂直对齐：中间”src=”https://via.placeholder.com/60x60“&gt；
&lt；span style=“”&gt；工作。&lt/span&gt；
&lt/部门&gt

在FF3中测试

现在，您可以将flexbox用于这种类型的布局

.box{
显示器：flex；
对齐项目：居中；
}
&lt；div class=“box”&gt；
&lt；img src=”https://via.placeholder.com/60x60“&gt；
&lt；span style=“”&gt；工作。&lt/span&gt；
&lt/部门&gt

相关文章：

  1. 如何使图元水平居中
  2. 使用CSS更改HTML5输入的占位符颜色
  3. 为什么HTML认为“chucknorris”是一种颜色？
  4. 在CSS中设置单元格填充和单元格间距？

发表评论

© 2026 开发百科-程序代码问答平台 • Built with