本文介绍了HTML/CSS中table布局的相关属性，包括table-layout的automatic和fixed模式，以及border-spacing和border-collapse的用法。通过实例展示了如何控制表格列宽、内容溢出处理以及单元格间距，帮助理解表格布局的灵活性。
省略超出列部分，设计到表格的列计算规则：table-layout，其值包括：
automatic： 为默认值，列的宽度由单元格里面的内容来设定。
fixed: 列宽度由表格宽度和列宽度来设定。
inherit: 列宽度从父元素继承而来。
border-spacing:设置单元格之前的间距，参数分别横向和纵向，若只有一个参数则两个方向相等。
border-collapse:设置单元格边框属性，可能的值有：separate（分开）collapse（合并）。
<html >
<head>
<meta charset=" utf-8">
<style type="text/css">
table
{
width:400px;
border-collapse: collapse;
border-spacing:5px 20px;
}
.one
{
margin:20px;
table-layout: automatic;
}
.tow
{
margin:20px;
table-layout: automatic;
}
.three
{
margin:20px;
table-layout: fixed;
}
.t
最低0.47元/天 解锁文章
1328
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
