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>

それが役に立てば幸い。

更新 (画像が 1 つだけの場合):

画像の幅を把握し、Photoshop を使用して画像の下のテキストの位置を調整する必要があります (Web サイトで使用しているものと同じフォントとサイズを使用する必要があります)。スパンの余白を調整して、テキストを手動で中央に配置します。

于 2013-10-20T13:28:48.717 に答える