-1

1 つのテキストと 2 つのリンクが横にある 4 つの画像を埋め込もうとしていますが、最後の 3 つを通過できません...これまでのコードは次のとおりです。

 <img src="http://developers-community.com/beta/photoshopcc.png"  align="left">
 <font size="3" style="padding: 10px;color:#008B8B;">Photoshop</font>
 <br>
 <a class="link" href="#"  style="padding:10px">Preview</a>
 <br>
 <a class="link" href="#" style="padding:10px;">Add to your page</a>

ホルダーや pic1、pic2、pic3、pic 4 などのいくつかの CSS を試しましたが、テキストやリンクなしで画像だけで動作するように見えました。この写真と同じサイズで、同じリンクとテキストが横に並んだ他の3つの画像を取得する必要があります。画像を水平にし、テキストを横に垂直にする必要があります。

4

2 に答える 2

0

ワーキングフィドル

<div style=width:100%;float:left;">

<div  style="verticalalign:top;float:left;">
     <img src="http://developers-community.com/beta/photoshopcc.png"  align="left">
     <font size="3" style="padding: 10px;color:#008B8B;">Photoshop</font>
 <br>
     <a class="link" href="#"  style="padding:10px">Preview</a>
 <br>
     <a class="link" href="#" style="padding:10px;">Add to your page</a></div>
<div  style="verticalalign:top;float:left;">
     <img src="http://developers-community.com/beta/photoshopcc.png"  align="left">
     <font size="3" style="padding: 10px;color:#008B8B;">Photoshop</font>
 <br>
     <a class="link" href="#"  style="padding:10px">Preview</a>
 <br>
     <a class="link" href="#" style="padding:10px;">Add to your page</a></div>
<div  style="verticalalign:top;float:left;">
     <img src="http://developers-community.com/beta/photoshopcc.png"  align="left">
     <font size="3" style="padding: 10px;color:#008B8B;">Photoshop</font>
 <br>
     <a class="link" href="#"  style="padding:10px">Preview</a>
 <br>
     <a class="link" href="#" style="padding:10px;">Add to your page</a></div>
<div  style="verticalalign:top;float:left;">
     <img src="http://developers-community.com/beta/photoshopcc.png"  align="left">
     <font size="3" style="padding: 10px;color:#008B8B;">Photoshop</font>
 <br>
     <a class="link" href="#"  style="padding:10px">Preview</a>
 <br>
     <a class="link" href="#" style="padding:10px;">Add to your page</a></div>

</div>
于 2013-09-06T11:22:50.583 に答える