如何对齐段落文本到图像中的中间

-1

我basiclly想做出同样的，如下图所示，其中文本爱我们的Facebook在图像的中间对齐这里我的html：如何对齐段落文本到图像中的中间

<p><img class="alignnone size-full wp-image-184" src="/wp-content/uploads/2016/08/facebook.png" alt="facebook" width="60" height="60">Love us on Facebook</p>

我想使用垂直对齐到中间，但它不工作。

目前，矿山看起来像这样：

来源

2016-08-23 Wosley Alarico

您是否尝试过其他的垂直对齐值？即垂直对齐：基线;或垂直对齐：分; – Frits

垂直对齐应设置为img withouth显示复位或浮点值，你可以添加你的CSS ...否则我们需要猜测 –

尝试但它不起作用 –

您需要添加vertical-align:middle到图像：

.wp-image-184 { vertical-align:middle; }

<p><img class="alignnone size-full wp-image-184" src="/wp-content/uploads/2016/08/facebook.png" alt="facebook" width="60" height="60">Love us on Facebook</p>

来源

2016-08-23 10:22:55 Pete

基本正确，但我们对此处使用的完整css有什么了解？ **他说他使用了这个值，但它没有奏效**我们错过了 –

@Gyryrillus的问题，我猜他在p标签上使用它，好像他在图片上使用它，他不会得到他在第二张图片 – Pete

;）就像你说的一个猜测，但也许'p'也有'display：table-cell' ... flex模型也是一个答案。操作应该提供更多细节 –

如何对齐段落文本到图像中的中间

回答

相关问题