放置一個圖像下一個居中的表

這可能是一個「被廢棄」的問題，但我有困難放置一個圖像旁邊的一個表已經居中下面的代碼是我堅持使用的代碼段。放置一個圖像下一個居中的表

<img src="FS.png" class="abcdef" width="124" height="166" style="float:right;position: relative"/> 
 
      <div align="center"> 
 
        
 
       <table width="576" border="1"> 
 
       <tr> 
 
      <td width="348">&nbsp;</td> 
 
      <td width="212">&nbsp;</td> 
 

 
      </tr> 
 
      <tr> 
 
      
 
      <td>&nbsp;</td> 
 
      <td>&nbsp;</td> 
 
      </tr> 
 
      <tr> 
 
      
 
      <td>&nbsp;</td> 
 
      <td>&nbsp;</td> 
 
      </tr> 
 
      <tr> 
 
      
 
      <td>&nbsp;</td> 
 
      <td>&nbsp;</td> 
 
      </tr> 
 
      <tr> 
 
      
 
      <td>&nbsp;</td> 
 
      <td>&nbsp;</td> 
 
      </tr> 
 
      <tr> 
 
      
 
      <td>&nbsp;</td> 
 
      <td>&nbsp;</td> 
 
      </tr> 
 
      <tr> 
 
      
 
      <td>&nbsp;</td> 
 
      <td>&nbsp;</td> 
 
      </tr> 
 
      <tr> 
 
      
 
      <td>&nbsp;</td> 
 
      <td>&nbsp;</td> 
 
      </tr> 
 
      <tr> 
 
      
 
      <td>&nbsp;</td> 
 
      <td>&nbsp;</td> 
 
      </tr> 
 
     </table> 
 
     </div> 
 
     </div>

圖像被放置在最右邊的表在屏幕中央的和我需要的圖像旁邊被放置到桌子的中央。

來源

2015-01-27 Vaughan D

嘗試浮子，然後重新調節元件的寬度。 – 2015-01-27 00:13:57

div#tab{width:580px; float:left;} 
 
div#pix{width:150px; float:right;} 
 

 
body{width:730px; 
 
    margin:0 auto;}

<body> 
 
<div id="tab"> 
 

 
    <table width="576" border="1"> 
 
    <tr> 
 
     <td width="348">&nbsp;</td> 
 
     <td width="212">&nbsp;</td> 
 

 
    </tr> 
 
    <tr> 
 

 
     <td>&nbsp;</td> 
 
     <td>&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 

 
     <td>&nbsp;</td> 
 
     <td>&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 

 
     <td>&nbsp;</td> 
 
     <td>&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 

 
     <td>&nbsp;</td> 
 
     <td>&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 

 
     <td>&nbsp;</td> 
 
     <td>&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 

 
     <td>&nbsp;</td> 
 
     <td>&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 

 
     <td>&nbsp;</td> 
 
     <td>&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 

 
     <td>&nbsp;</td> 
 
     <td>&nbsp;</td> 
 
    </tr> 
 
    </table> 
 
    </div> 
 
<div id="pix"> 
 
    <img src="FS.png" class="abcdef" width="124" height="166" float="right" position="relative"/> 
 
</div> 
 
    </body>

來源

2015-01-27 00:31:57

謝謝你，我正在考慮這樣做..但表格將填充由PHP希望不會影響其結構。 – 2015-01-27 00:40:21

放置一個圖像下一個居中的表

回答

相關問題