Html 垂直对齐<；a>；嵌入<；h2>；
我有一个Html 垂直对齐<；a>；嵌入<；h2>；,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有一个。我遇到的问题是超链接的文本（样式为带引导的按钮）低于文本，即：它们没有垂直对齐。我发现，我可以通过将超链接的填充设置为0px来更好地对齐它们，但这不是很好，而且似乎有点不正常。我想知道是否有更好的方法将超链接垂直居中。您需要创建链接内联块，然后将其垂直对齐基线 .jumbotron{ 文本对齐：居中； } .jumbotron h2 a{ 字体大小：继承； 显示：内联块； 垂直对齐：基线； } 跨度{ 左边距：-100px； } 朱博龙h2{ 字体大小：48px； } 今天就可以得
。我遇到的问题是超链接的文本（样式为带引导的按钮）低于
文本，即：它们没有垂直对齐。我发现，我可以通过将超链接的填充设置为0px来更好地对齐它们，但这不是很好，而且似乎有点不正常。我想知道是否有更好的方法将超链接垂直居中。您需要创建链接内联块
，然后将其垂直对齐基线
.jumbotron{
文本对齐：居中；
}
.jumbotron h2 a{
字体大小：继承；
显示：内联块；
垂直对齐：基线；
}
跨度{
左边距：-100px；
}
朱博龙h2{
字体大小：48px；
}
今天就可以得到你的免费估价。
如果您的问题位于超链接的垂直中心，请尝试添加
填充底部：0px在类中.jumbotron h2 a
像这样
.jumbotron h2 a {
font-size: inherit;
padding-top: 0px;
padding-bottom: 0px;
}
在示例中，padding top
设置为0，文本没有对齐。我想你想保持填充，但仍然保持文本对齐
只需在按钮上设置vertical align:initial
（设置为middle
），它在Chrome中看起来很不错：
请将代码粘贴到问题上。仅仅一个代码笔链接是不够的。我相信他想保持按钮填充完整。但是没有填充的按钮看起来很奇怪。我去掉了零填充（我只是因为它在原始代码中才保持打开状态）…它仍然有效…检查一下。
.jumbotron h2 a {
font-size: inherit;
vertical-align: initial;
}