div寬度如何跟表寬度？

我有代碼 https://jsfiddle.net/ang3lwish/dnt4pv6m/2/div寬度如何跟表寬度？

<div style="border:1px solid yellow;display:block;"> 
<table border=1 align="center"> 
    <tr> 
<th>No.</th> 
<th>Name</th> 
<th>Address</th> 
<th>Gender</th> 
<th>Email</th> 
    </tr> 
    <tr> 
     <td> 
      1. 
     </td> 
     <td> 
      Anto 
     </td> 
     <td> 
      Padang 
     </td> 
     <td> 
      Male 
     </td> 
     <td> 
      [email protected] 
     </td> 
    </tr> 
</table> 
<br> 

</div>

我想在div寬度（黃色線）就是按照表格的寬度？

但我不知道如何設置CSS？

來源

2015-04-07 ZAJ

如果您希望表格適合div，您需要將100％寬度放在表格 <table width="100%">表格根據div自行調整。歡呼:)

來源

2015-04-07 07:08:52 winresh24

我想股利是配合表width..cheers :) – ZAJ

喔一樣的邏輯表必須放在容器看看這裏https://jsfiddle.net/dnt4pv6m/5/ – winresh24

在你的小提琴裏，表格出了div。 – ZAJ

製作表格的寬度100%添加這是你table標籤

<table border=1 align="center" width="100%">

來源

2015-04-07 07:09:11

如果你想跟着黃線（即你的DIV）沒有CSS然後在你的表屬性使用寬度爲100％，但只有再次使用這不會幫助你很多在格設置表，以便正確更好地利用這一點：在CSS：

.pad 
{ 
padding-top: 25px; 
padding-right: 50px;//set as you like them// 
padding-bottom: 25px; 
padding-left: 50px; 
}

，然後包括這個類表：

<table border=1 align="center" class="pad">

來源

2015-04-07 07:14:58

對不起。我的意思是div寬度要適合表寬度..是不可能的？ – ZAJ

沒有什麼是不可能的。你可以使填充爲零，然後看看它是否能解決你的問題。@ ZAJ –

填充div標籤或表格？ – ZAJ

div寬度如何跟表寬度？

回答

相關問題