好吧，这是个愚蠢的问题，但我终生无法让它发挥作用。我正在尝试将文本定位在我的导航图像下方。
我试过将文本放在跨度、段落中，甚至尝试过打断标签。
这是我的
<ul id="mainImg">
<li><?=anchor('home/artwork', $art); ?></li>
<li><?=anchor('home/comps', $des); ?></li>
<li><?=anchor('home/sites', $web); ?></li>
</ul>
我正在使用 codeigniter，因此图像被存储在变量中，然后我将它们传递到上面的链接中，以便它们可以点击。
我在这三张图片上的唯一样式是不透明度和 display:li 上的内联样式，这样它们就可以并排放置。每次尝试将文本放在它们下面时，它也会将其余图像推到下一行。如果可能的话，我想避免这种情况。
如果您想查看我正在努力完成的工作，我确实有一个在线网站，它就在上面。 catlyndesigns.net 请记住，我目前正在重新编码该站点的整个后端，因此目前几乎没有任何工作。
谢谢大家的帮助! :)
最佳答案
使用 display: inline-block相反。
例子: http://codepen.io/jonjaques/pen/JvocB
请注意，我在 anchor 标记内使用了跨度，因为它更具语义。你可以使用 <p>标签也是，重要的是包装文本的元素需要有 display: block
关于html - 使用 codeigniter 将文本置于图像链接下方，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14698596/