2013-12-20 82 views
-1

我在div內創建了一個表格。 div標籤被設置爲float左邊的樣式。表格在div上溢出。我怎樣才能做到這一點?請參閱下面我的html。將表格大小調整爲外部格大小

對不起。英語不是我的母語。我的意思是我想適合div中的表格。如果div很小,那麼表格和字體會自動變小,直到整個表格顯示在div內。

[重整]

我想表和它的內容(主要是字體尺寸)調整到outter容器。這可能嗎 ?

[HTML]

<div style="border:1px solid black;width:20%;float:left;margin: 1% 2% 1% 2%; height:30%;"> 
    <table style="width:100%"> 
     <tbody> 
      <tr> 
       <td align="center" colspan="7"><label for="">1</label></td> 
      </tr> 
      <tr> 
       <td>Sun</td> 
       <td>Mon</td> 
       <td>Thu</td> 
       <td>Web</td> 
       <td>Thurs</td> 
       <td>Fri</td> 
       <td>Sat</td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

enter image description here

+0

「我該怎麼做?」你怎麼能做什麼? –

+0

對不起。英語不是我的母語。我的意思是我想適合div中的表格。如果div很小,那麼表格和字體會自動變小,直到整個表格顯示在div內。 – zanhtet

+0

您可能正在尋找:http://fittextjs.com/ – Abhitalks

回答

0

請添加以下的風格,這樣你會看到滾動條在DIV

div { 
    overflow:auto; 
} 


如果你不不會t顯示滾動條,然後使用以下內容:

div { 
     overflow:hidden; 
    } 
+0

感謝您的回覆。我已經測試過它。表格不能在div上溢出。但他們不會顯示整個表格。我想修復div中的表格。我的意思是表格和字體會自動與div大小相關。 – zanhtet

+0

@zanhtet但它沒有必要,因爲如果表格包含更多的內容,那麼我們在一定程度上減小字體大小。所以它不可接受的情況。 – Parixit