在Tumblr Text Posts中居中的图像

时间:2015-03-11 13:06:40

标签: html css image tumblr

我想在我的网站上发布基于特定文字的大图像。目前我有以下代码行:

.textpost img{float:left;margin:4px 15px 4px 0;min-width:250px;max-width:768px;border: transparent;}

在每篇文章中,我都包括" width =" 250px"在图片的文本帖子的HTML中,因为很多帖子的样式都是这样的:

https://31.media.tumblr.com/045cf2e09852e860b5a2bd1ac68385e1/tumblr_inline_nl1t3uvkWz1qztcot.png

然而,我们运行需要更大图像的采访/功能。

我一直在将这些文字帖子的HTML中的宽度更改为" width =" 100%"。

然而,即使上传的图像大于宽度尺寸,这通常也会使图像看起来像素化。我相信Tumblr只允许文本帖子中图像的最大宽度为500px。

见这里:https://31.media.tumblr.com/41ffeee4874a3b049f0f8f88b0e42a58/tumblr_inline_nl1t5rFHB11qztcot.png

当我将编码更改为:

.textpost img{float:left;margin:4px 15px 4px 0;width:100%;border: transparent;}

图片显示我想要的图像,但会影响文字帖子中的所有图片,我不希望这样做。

我还考虑在主网站CSS中创建一个单独的代码行,用于访谈/功能文本帖子。

我想将图像置于这些帖子的中心,但它不想工作,因为图像仍然向左浮动。

我有什么想法可以解决这个问题吗?

网站CSS中使用的代码:

.largeImage img{margin-left: auto;margin-right: auto;}

Tumblr文本帖子中使用的HTML代码:

<p class="largeImage"><img src="https://31.media.tumblr.com/2d502a864c683be80fec4a3ee05d8741/tumblr_inline_nl1rhtro5h1qztcot.jpg"></p>

我还用{PhotoURL-HighRes}替换了{PhotoURL-500},但我不认为这个效果是文字帖。

0 个答案:

没有答案