图像到右下方和瓶子左边

时间:2016-05-02 18:00:11

标签: html css

我有5张照片。 我需要做这样的事情: enter image description here

HTML:

<div class='yoursite' style="">

                        <span class='locationbutton' id='image2a' style=" "><img alt="" src="http://placehold.it/90x70"></span>
                        <span class='locationbutton' id='image2b' style=""><img alt="" src="http://placehold.it/90x70"></span>
                        <span class='yoursite' id='image2b' style=""><img alt=""src="http://placehold.it/500x500"></span>
                        <span class='locationbutton' id='image2c' style=""><img alt="" src="http://placehold.it/90x70"></span>
                        <span class='locationbutton' id='image2d' style=""><img alt="" src="http://placehold.it/90x70"></span>
                    </div>

我不明白怎么样?

请有人可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

<div class='yoursite' style="">
<div style="float:left;margin-right:5px;margin-top: 355px;">
                       <div style="margin-bottom:5px;"> <span class='locationbutton' id='image2a' style=" "><img alt="" src="http://placehold.it/90x70"></span></div> 
                       <div>  <span class='locationbutton' id='image2b' style=""><img alt="" src="http://placehold.it/90x70"></span></div> </div>
                      <div style="float:left;margin-right:5px;margin-bottom:5px">  <span class='yoursite' id='image2b' style=""><img alt=""src="http://placehold.it/500x500"></span></div>
                     <div style="margin-top:355px;float:left">  <div style="margin-bottom:5px;">  <span class='locationbutton' id='image2c' style=""><img alt="" src="http://placehold.it/90x70"></span></div> 
                      <div >   <span class='locationbutton' id='image2d' style=""><img alt="" src="http://placehold.it/90x70"></span></div> </div>
                    </div>

试试这个。它可能对你有所帮助。根据你设定保证金。

重要提示:它没有响应。