如何将文字置于CSS图像下方？

-1

我想将文字置于图像下方。我想为连续放置的4张图像执行此操作。如何将文字置于CSS图像下方？

我试图实施解决方案，下面是我写的代码： http://pastebin.com/3rgYXKFL

下面就是这段代码产生： http://i.imgur.com/hWwWMlL.png

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

来源

2016-10-04 Ryan

@Ryan嗨，请张贴最小，完整，可验证的例子 - http://stackoverflow.com/help/mcve –

你能不能把你正在使用中的Codepen或相似的，所以我们可以看到代码是什么你正在使用并提供，希望，有一个答案:) – SomeGuy

身高和体重都比CSS更好，我会在style=""中定义它们。所以height="176"和weight="201"应该变成style="height: 176px; width:201px"。

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

你可以让你的图片<img src="url" class="icon">，然后在CSS：

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

这样你重复只有一部分是类位，而不必每次都设置样式。如果你想改变某些东西，那么对于所有4张图像而言，在一个位置进行更改比每次更改要简单得多。

来源

2016-10-04 01:01:15 khopsickle

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

<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编码。

来源

2016-10-04 01:14:34 Ahm23

重要的是要了解，许多访问这个网站的人是手头的新话题。 – hoss

如何将文字置于CSS图像下方？

回答

相关问题