0
我试图在每张灯箱照片下都有一个标题或标签,但第二个我做的是它使所有图片都是垂直的,而不是在一行中堆叠水平或在不同浏览器中可折叠。我将添加codepens,因为这里的java脚本对于片段来说太长了。第一个显示了我希望灯箱运作的方式(没有标语),然后第二个有我想要的标语,但叠加错误的方式。如果任何人都可以帮助我找出这个问题,那将非常有帮助!谢谢!灯箱标语或标题
首先Codepen:http://codepen.io/anon/pen/XpLjOp
<div id="recentwork">
<h2 id="recent"> Most Recent Work</h2>
<a href="https://upload.wikimedia.org/wikipedia/en/f/f2 /Seesmic_Logo.png" data-lightbox="website" data-title="">
<img src="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" width="200px" height="200px">
</a>
二Codepen:http://codepen.io/anon/pen/dNBpQm
<div id="recentwork">
<h2 id="recent"> Most Recent Work</h2>
<a href="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" data-lightbox="website" data-title="">
<img src="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" width="200px" height="200px">
</a>
<h3> Title</h3>
<a href="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" data-lightbox="website" data-title="">
<img src="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" width="200px" height="200px">
</a>
<h3> Title</h3>
<a href="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" data-lightbox="website" data-title="">
<img src="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" width="200px" height="200px">
</a>
<h3> Title</h3>
<a href="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" data-lightbox="website" data-title="">
<img src="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" width="200px" height="200px">
</a>
<h3> Title</h3>
</div>
谢谢你这么多!我以为我曾尝试过,但我一定是做错了。这工作完美!我非常感谢帮助! @ovokuro – Cakers
@Cakers欢迎您,很高兴它帮助 – sol