字体图标后的文本垂直对齐
<div class="col-md-4">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x blue"></i>
<i class="fa fa-wifi fa-stack-1x white"></i>
</span>
<h4 class="blue">Free wifi</h4>
</div>
如何h4在图标右侧显示元素并垂直对齐？我应该漂浮在左边span吗？
问题答案：
一种方法是使用inline-blockdisplay并将其 居中 对齐-参见下面的演示：
.wrapper > * {
display: inline-block;
vertical-align: middle;
}
.blue {
color: blue;
}
.white {
color: white;
}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<div class="col-md-4 wrapper">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x blue"></i>
<i class="fa fa-wifi fa-stack-1x white"></i>
</span>
<h4 class="blue">Free wifi</h4>
</div>
-
在Bootstrap框架下的一个按钮中，我很难将字体很棒的图标与文本垂直对齐。我尝试了很多事情，包括设置线的高度，但都没有效果。 http://jsfiddle.net/fPXFY/ 我怎样才能让这个工作？
-
问题内容： 可以说我有一个带有字体真棒图标和一些文本的引导按钮： 编辑： 我有一个可能的 解决方案 但感觉有点hacky-引入了额外的p标签，使用了left-left和display：table。也许有人可以建议一种更简单的方法。 问题答案： 在考虑了所有建议的选项之后，最干净的解决方案似乎是设置所有行的高度和垂直对齐： 参见 Jsfiddle演示 CSS：
-
问题内容： 为什么不行？但是， 确实 可以。 问题答案： 实际上，在这种情况下，这非常简单：对图像应用垂直对齐。由于所有内容都在同一行中，因此它实际上是要对齐的图像，而不是文本。 在FF3中测试。 现在，您可以将flexbox用于这种类型的布局。
-
我在对话框中使用MigLayout。 每个面板都使用MigLayout。 有一个用于显示行的面板。每个列都有一个面板（交付类型、选择元素、架次）。输出文件行有一个面板。有一个按钮面板。 也许有一种更好的方法，不用太多的面板？ 我的代码 我的文本字段没有大小，直到我移动我的窗口，我不明白为什么。还有为什么不是每个列的组件从面板的顶部开始？
-
问题内容： 目标：纯Canvas上的Android> = 1.6。 假设我想编写一个函数，该函数将绘制一个（宽度，高度）大的红色矩形，然后在其中绘制一个黑色的 Hello World 文本。我希望文本在视觉上位于矩形的中心。因此，让我们尝试： 现在，我不知道要在drawText的参数中加上标记的内容，即我不知道如何垂直对齐文本。 就像是 ???? = topLeftY + height / 2 +
-
问题内容： 我有一个包含图像和ap标签的div（如下所示）。我想根据段落的多少行在div的中间垂直对齐图像。垂直对齐不起作用。我现在正在使用JavaScript找出要添加到margin- top的数量，但是宁愿使用CSS。有任何想法吗？ 问题答案： 尝试将元素的属性设置为图像的高度，例如： 编辑： 刚意识到我读错了问题，却错过了多行的事实。尝试的一种选择是完全删除元素，并将其设置为of的，使用的o