我想在我的网站上发布基于特定文字的大图像。目前我有以下代码行:
.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},但我不认为这个效果是文字帖。