Question

我想在图片下方放置文字。我想为4个连续放置的图像做这个。

我尝试过实现解决方案，这是我编写的代码： http://pastebin.com/3rgYXKFL

以下是此代码生成的内容： http://i.imgur.com/hWwWMlL.png

即使这是向正确方向迈出的一步，我仍然无法弄清楚如何获取图像下方的文本并将4个图像连续放置（每个图像都在图像下方）。关于如何解决这个问题的任何建议？

Answer 1

CSS属性的高度和重量更好，我会在style=""中定义它们。因此height="176"和weight="201"应该成为style="height: 176px; width:201px"。

除非有使用内联样式的特定原因，否则我建议您将所有样式放在CSS文件中。

您可以制作所有图片<img src="url" class="icon">，然后使用CSS：

.icon {
  height: 176px;
  width: 201px;
}

这样，你重复的唯一部分是课程位，而不是每次都要设置样式。如果你想改变一些东西，那么在一个地方进行改变比在所有4个图像中进行改变要简单得多。

Answer 2

你的问题并不清楚，所以这是我现在能给你的最好答案。使用此代码，它可能是您想要的。

<img src="images/modules/Logomakr_1dOe2g.png" width="201px" height="198px"/>
<br />
<p style="font-size:36px; margin-left:2.5%; margin-top:0; margin-bottom:0;">Engineering</p>
<p style="font-size:24px; margin-top:0;">Text Goes Here</p>
<br />
<br />
<img src="images/modules/Logomakr_2VsRmD.png" width="201px" height="198px"/>
<p style="font-size:36px; margin-left:2.5%; margin-top:0; margin-bottom:0;">Buisness</p>
<p style="font-size:24px; margin-top:0;">Text Goes Here</p>

建议您在提出类似问题的问题之前先学习HTML编码，因为您的代码包含许多严重错误，而且您似乎对HTML几乎全新，并且不知道您在做什么。

如何使用CSS在图像下放置文本？

2 个答案: