|
|
|
|
示例 2 : 表格边框
属性:table-layout
automatic; 单元格的大小由td的内容宽度决定 fixed; 单元格的大小由td上设置的宽度决定 注：只对连续的英文字母起作用，如果使用中文就看不到效果 <style>
table.t1{
table-layout:automatic;
}
table.t2{
table-layout:fixed;
}
</style>
<table class="t1" border="1" width="100%">
<tr>
<td width="10%">abcdefghijklmnopqrstuvwxyz</td>
<td width="90%">abc</td>
</tr>
</table>
<table class="t2" border="1" width="100%">
<tr>
<td width="50px">abcdefghijklmnopqrstuvwxyz</td>
<td >abc</td>
</tr>
</table>
属性：border-collapse
值： separate:边框分隔 collapse:边框合并 <style>
table.t1{
border-collapse:separate;
}
table.t2{
border-collapse:collapse;
}
</style>
<table class="t1" border="1" width="200px">
<tr>
<td width="50%">边框分离</td>
<td width="50%">边框分离</td>
</tr>
</table>
<br/>
<br/>
<table class="t2" border="1" width="200px">
<tr>
<td width="50%">边框合并</td>
<td width="50%">边框合并</td>
</tr>
</table>
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
问答区域
2021-11-06
把table-layout:automatic直接写table-layout:auto也没事吧
回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
2020-04-22
collapse边框合并的效果是不是和border属性为无的时候是一样的？
2016-12-20
想知道为什么 table-layout只对连续的英文字母起作用，如果使用中文就看不到效果
2016-06-07
table-layout好像没有automati 是auto吧
2016-06-02
关于单词拼写
提问之前请登陆
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|
