字体图标后的文本垂直对齐
<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 +
-
假设我有一个bootstrap按钮，它有一个字体很棒的图标和一些文本： 如何使文本显示为垂直居中？文本现在与图标的底部边缘对齐:http://jsfidle.net/v7dlm/1/ 编辑：我有一个可能的解决方案:http://jsfidle.net/cldeg/1/但感觉有点怪--引入额外的p标记，使用拉左和display：table。也许有人可以建议一个更简单的方法。