Html 目标<;img>;在<;p>;然后移除填充物?
在过去的几天里,我试图学习CSS和HTML,以便为Tumblr创建我自己的第一个主题(不要评判我,它似乎是一个很好的测试平台)。我遇到了几个问题,我可以自己解决,但现在我的知识已经不多了,谷歌无法帮助我。我也尝试过搜索这个网站,但没有成功。所以如果已经有一个关于这个的话题,我非常抱歉 基本上,Tumblr在您添加的每个Html 目标<;img>;在<;p>;然后移除填充物?,html,css,image,Html,Css,Image,在过去的几天里,我试图学习CSS和HTML,以便为Tumblr创建我自己的第一个主题(不要评判我,它似乎是一个很好的测试平台)。我遇到了几个问题,我可以自己解决,但现在我的知识已经不多了,谷歌无法帮助我。我也尝试过搜索这个网站,但没有成功。所以如果已经有一个关于这个的话题,我非常抱歉 基本上,Tumblr在您添加的每个周围添加了一个-标记,因此我应用于p get的填充也应用于图像,我无法覆盖该标记。一个肮脏的修复工作了一段时间,但当我试图使网站响应,我找不到任何解决办法或修复 以下是条目的基本H
周围添加了一个
-标记,因此我应用于p get的填充也应用于图像,我无法覆盖该标记。一个肮脏的修复工作了一段时间,但当我试图使网站响应,我找不到任何解决办法或修复
以下是条目的基本HTML结构:
到目前为止,一切顺利。现在,主要的问题是:帖子中的图像应该覆盖.postcard
的整个宽度,同时也具有响应性。使用最大宽度:100%
可以工作,但是因为img在一个p中,所以总共会对其应用100px的填充。以下代码是一个脏补丁,但显然没有响应:
<p>Duis autem vel eum iriure dolor.</p>
<p><img src="http://i.minus.com/dbmLqVdFyHN5Tg/16.jpg" alt=""/></p>
那么我怎样才能去掉图像的填充呢?非常感谢 如果您可以为图像案例添加某种标识符类型到已添加的
或其周围,则您可以覆盖此案例的css:
.postcard p, ul {
padding-right: 50px;
padding-left: 50px;
margin-bottom: 25px;
}
或
如果不能,那么剩下的唯一选择就是修复或javascript修复。由于无法使用css选择父元素。由于您可能无法将类添加到tumblr添加的p标记中,因此您必须将其转过来,并将类添加到您自己的p标记中,以便您可以设置以下样式:
myImage.p{
padding:0;
}
你好,我对不倒翁几乎一无所知,所以只能猜测。与Nagh的答案类似,只需修改一个lil,您是否可以尝试使样式变得重要:
.text img{padding:0px!important;}
?已经尝试过了,但不起作用。经过一些挖掘,甚至找到了解释,但已经忘记了。不过,谢谢你的建议。这是个好主意,不过把文本编辑器切换到纯文本编辑器并手动删除图像前的所有标签可能会更容易。谢谢你的建议!好的,我在这里找到了一个声称可以解决此问题的Javascript:。但它似乎根本不起作用,至少在Tumblr上不起作用。我想我只能接受这些照片了……唉。谢谢你的帮助!
.text img {
width: 700px;
height: auto;
display: block;
margin: 0px -50px;
}
myImage.p{
padding:0;
}
myImage.div p{
padding:0;
}
.postcard p.padded {
padding-right: 50px;
padding-left: 50px;
margin-bottom: 25px;
}