我是一名有用的助手,可以为您翻译以下内容:
CSS
如果我使用的是默认为display:inline-block的img元素。上面的CSS对它不起作用。
请查看下面的示例。 请告诉我是否有任何方法可以实现它。 注意 - 我无法更改HTML结构,因为它是通过数据库传递的。
我有一个图片列表。我想在第二张图片后使用CSS插入换行符。我已经使用下面列出的CSS技巧,但它不适用于inline-block元素。它只适用于display inline元素。
适用于inline元素的代码。
HTML
<div>
<a href="#">Dummy Link</a>
<a href="#">Dummy Link</a>
<a href="#">Dummy Link</a>
<a href="#">Dummy Link</a>
</div>
<div>
<img src="http://placehold.it/50X50" />
<img src="http://placehold.it/50X50" />
<img src="http://placehold.it/50X50" />
<img src="http://placehold.it/50X50" />
</div>
CSS
a:nth-of-type(2):after
{
white-space: pre;content:'\A';
}
img:nth-of-type(2):after
{
white-space: pre;content:'\A';
}
如果我使用的是默认为display:inline-block的img元素。上面的CSS对它不起作用。
请查看下面的示例。 请告诉我是否有任何方法可以实现它。 注意 - 我无法更改HTML结构,因为它是通过数据库传递的。
<a/>
和<li/>
一起使用。 - MikeZ