PHP生成的图像不是';t继承包含div的样式
使用Instagrams API在我的网站上显示图像时,图像没有继承包含divs的样式。 正在浮动的样式:左。所以它们不会堆叠在一起,而是以行和列的形式出现。。。而不仅仅是一个专栏 CSS:PHP生成的图像不是';t继承包含div的样式,php,html,css,image,instagram,Php,Html,Css,Image,Instagram,使用Instagrams API在我的网站上显示图像时,图像没有继承包含divs的样式。 正在浮动的样式:左。所以它们不会堆叠在一起,而是以行和列的形式出现。。。而不仅仅是一个专栏 CSS: #instagram.img { float:left; margin:10px; } HTML/PHP(省略获取数据和解析): 我测试过,php之外的图像符合样式,它们确实如此。它们浮动:如预期的那样向左。 非常感谢您的帮助 .instagram { float:left; ma
#instagram.img {
float:left;
margin:10px;
}
HTML/PHP(省略获取数据和解析):
我测试过,php之外的图像符合样式,它们确实如此。它们浮动:如预期的那样向左。
非常感谢您的帮助
.instagram {
float:left;
margin:10px;
display: inline-block;
}
正如我在评论中所说,#
是id
的选择器,
是类的选择器
<div>
<?php foreach ($result->data as $post): ?>
<a class="group instagram" rel="group1" href="<?= $post->images->standard_resolution->url ?>"><img src="<?= $post->images->thumbnail->url ?>"></a>
<?php endforeach ?>
</div>
将
.instagram
类添加到中,查看显示:内联块的原因
我不知道你的意思,但首先,#instagram.img
是id
选择器。它应该是.instagram.img
。其次,将.instagram
类添加到您的图像或
中。您没有任何id为instagram的元素,也没有任何id为imgThanks的元素用于输入-我对id和类感到困惑。。。这有点尴尬。我完全按照你说的做了,但它们仍然没有漂浮。添加显示:内联块代码>到类中,它应该可以工作。我也改变了答案。干杯伟大的工作-这已经解决了我的问题。。。或者无法区分ID和类之间的区别。很高兴能提供帮助。祝你好运!
<div>
<?php foreach ($result->data as $post): ?>
<a class="group instagram" rel="group1" href="<?= $post->images->standard_resolution->url ?>"><img src="<?= $post->images->thumbnail->url ?>"></a>
<?php endforeach ?>
</div>