2017-04-25 270 views
1

我想在div中的另一個表格的右側設置html表格。如果我只是做將html表格設置到另一個表格的右側

<div> 
    <table> 
     <tr> 
      <td> 
      //stuff 
      </td> 
     </tr> 
    </table> 
    <table> 
     <tr> 
      <td> 
       //stuff 
      </td> 
     </tr> 
    </table> 
</div> 

它會列出一個表上面其他的,我需要他們從左到右排列的用戶控件,我不能把它放入一個表,因爲行是不同高度是行不通的。如何讓表流從左到右而不是從上到下在一個div中?

+0

'浮動:left'? – KarelG

+0

@ davidp04爲什麼不在餐桌內表?看到我的答案。 –

回答

0

你可以使用float:directiondisplay:inline-block CSS屬性

的jsfiddle例如:https://jsfiddle.net/v10hqa66/

+0

我真的很喜歡這個,因爲小提琴的網站讓我玩弄html – davidp04

+0

我很高興我能幫忙,有你的時間玩HTML和找到最適合您的需求的解決方案! – meta4

0

嘗試將您的包含div設置爲display: flex;

+0

我不會讓你失望,因爲你可能是新來的。這應該作爲評論。 (你有足夠的代表。)或者改進你的答案,因爲它缺乏質量。 – KarelG

+0

@KarelG我不明白爲什麼一個有效的答案應該作爲評論給出(這不是對問題的評論),只是因爲它很短而且重要。這是一個可行的解決方案。 –

0

你可以把表內的表。我寧願方式如下:

<div> 
 
<table> 
 
    <tr> 
 
     <td> 
 
      <table> 
 
       <tr> 
 
        <td> 
 
         table one 
 
        </td> 
 
       </tr> 
 
      </table> 
 
     </td> 
 
     <td> 
 
      <table> 
 
       <tr> 
 
        <td> 
 
         table two 
 
        </td> 
 
       </tr> 
 
      </table> 
 
     </td> 
 
    </tr> 
 
</table> 
 

 
</div>

0

添加廣告的ID,以一個表,然後在css中,浮於表左邊。

<div> 
    <table> 
     <tr> 
      <td> 
      //stuff 
      </td> 
     </tr> 
    </table> 
    <table id="left"> 
     <tr> 
      <td> 
       //stuff 
      </td> 
     </tr> 
    </table> 
</div> 

在頭上將這個:

<style> 
#left{ 
float:left; 
} 
</style> 
相關問題