Fatal编程技术网
  • javascript/
  • Javascript 将图片与标题文本精确对齐

Javascript 将图片与标题文本精确对齐

javascript c# html css asp.net-mvc

Javascript 将图片与标题文本精确对齐,javascript,c#,html,css,asp.net-mvc,Javascript,C#,Html,Css,Asp.net Mvc,在尝试了很多关于如何解决以下问题的建议后，我认为是时候寻求直接帮助了 我正试图将一个徽标（图片）与其下面的文本（标题）精确对齐。我以前尝试过的所有解决方案都显示了不对称的位置（cp.附图） 我希望有人能在这方面帮助我。谢谢大家! 我希望两条红色线段的长度相同，换句话说：将文本相对于图片居中 下面是一段代码片段： 工具XY 第一种方法 添加垂直对齐：中间对齐；保证金：0至h2 .jumbotron h2, .jumbotron img{ display: inline; vertic

在尝试了很多关于如何解决以下问题的建议后，我认为是时候寻求直接帮助了

我正试图将一个徽标（图片）与其下面的文本（标题）精确对齐。我以前尝试过的所有解决方案都显示了不对称的位置（cp.附图）

我希望有人能在这方面帮助我。谢谢大家!

我希望两条红色线段的长度相同，换句话说：将文本相对于图片居中

下面是一段代码片段：


工具XY
第一种方法

添加
垂直对齐：中间对齐；保证金：0至h2


.jumbotron h2, .jumbotron img{
  display: inline;
  vertical-align:middle;
  margin:0;
}




.jumbotron img、.jumbotron h2{
显示：内联；
垂直对齐：中间对齐；
保证金：0；
}



工具XY

您可以使用
垂直对齐：中间在img标记中指向垂直中心文本



.jumbotron img{
显示：内联块；
垂直对齐：中间对齐；
}



工具XY

好吧，我很困惑。这个例子在stackoverflow实现的运行代码片段中看起来很完美，但在我的例子中它仍然不是。是否可能还有其他问题？是否可以将此样式添加到图像和h2？添加边距：0；至
h2