如何使用骨架网格垂直对齐图像旁边的文本

Posted 2023-03-06

【中文标题】如何使用骨架网格垂直对齐图像旁边的文本

【英文标题】：How to vertical align text next to image with skeleton grid

【发布时间】：2015-09-10 23:55:57

【问题描述】：

我正在尝试将图像与THIS PAGE 上“顾问委员会”选项卡上的文本垂直对齐。

缩短的 html：

<div class="four columns alpha"><img class="ImageBorder" src="LINK"  /></div>
<div class="twelve columns omega">
<p class="padding">TEXT</p>
</div>
</div>

我尝试了HERE 提供的一些多行解决方案，但无法正确排列文本/图像。有没有用网格系统做到这一点的好方法？

谢谢！

【问题讨论】：

尝试从问题和代码示例中截取屏幕截图，因为这样如果您将来解决了您的问题，您的问题将不再相关。

【参考方案1】：

这是您需要添加的内容：

.omega
   display: inline-block;
   float: none;
   margin-left: 0;
   vertical-align: middle;


.alpha
  display: inline-block;
  float: none;
  vertical-align: middle;