0

我有这张图片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>

但链接不起作用。我想要一个选项来更改（了解更多）文本颜色和字体大小，并将其置于每个图像下方。

谢谢你的帮助。

4

1 回答 1

0

要将每个文本居中位于其图像下方，下面的代码应该会有所帮助：

<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 调整图像下方的文本位置（您应该使用与网站上相同的字体和大小）。手动调整跨度的边距以使文本居中。

于 2013-10-20T13:28:48.717 回答