如何将图像和文本放在同一行

时间:2015-02-20 作者:Dragut

试图将图像和文本放在同一行,但在发布我的文章后,图像总是在上面稍微突出一点。但是,虽然我在草稿中的帖子是这样写的,但图像并不是叛逆的,我该怎么安排图像和文本呢?

过帐前:

enter image description here

过帐后:

enter image description here

1 个回复
SO网友:Brad

这很可能是由于line-heightsfont-size在编辑器和实时站点之间。您可以尝试设置vertical-align 在图像(中间)或css上position: relative, 设置底部或顶部加上或减去若干像素。如果您经常这样做,那么定义一个css类并将该类分配给图像将是最简单的。

<img class="inline-image" src="...">

<style>
.inline-image {
   position: relative;
   top: -3px;
}
</style>    

结束

相关推荐

Images with excerpt function

我有一个很好的摘录功能,可以让我的段落保持得体。顺便说一句,效果很好。 function pietergoosen_custom_wp_trim_excerpt($text) { global $post; $raw_excerpt = $text; if ( \'\' == $text ) { $text = get_the_content(\'\'); $text = strip_shortcodes( $text ); &#x