Question

我有这张图片http://s23.postimg.org/on361znhn/Transform_Marketing.png 我希望在每张图像下放置3个彩色和居中（了解更多）的文本。我试过这个：

<p>
<span style="float:left;margin-left:100px;margin-right:40px"> <a href="my-website-url"></a> Learn More</span>
<span style="float:left;margin-left:170px;margin-right:40px"> <a href="my-website-url"></a> Learn More</span>
<span style="float:left;margin-left:120px;margin-right:40px"><a href="my-website-url"></a> Learn More</span>

</p>

但链接不起作用。我想要一个选项来更改（了解更多）文本颜色和字体大小，并让它在每个图像下居中。

感谢您的帮助。

Answer 1

将每个文本置于其图像下方，下面的代码应该有所帮助：

<div style="text-align:center; margin-right:5px; margin-left:5px;">
    <img src="img1.png"><br /><a href="url1">learn more</a>
</div>
<div style="text-align:center; margin-right:5px; margin-left:5px;">
    <img src="img2.png"><br /><a href="url2">learn more</a>
</div>
<div style="text-align:center; margin-right:5px; margin-left:5px;">
    <img src="img3.png"><br /><a href="url3">learn more</a>
</div>

希望它有所帮助。

更新（仅限一张图片）：

您必须知道图像宽度，使用photoshop调整图像下方的文本位置（您应该使用与网站上使用的字体和尺寸相同的字体）。调整跨度的边距以手动居中文本。

在一张图片下放置3个文字

1 个答案: