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宽度如何跟表宽度？

回答

相关问题