表格属性(特有)
表格特有属性
1.边框合并属性
属性
border-collapse
取值
1.separate 代表不合并
2.collapse 代表合并
2.边框边距
属性:
border-spacing:
作用:
设置相邻两个边框的距离
前提:
border-collapse取值一定是separate
取值
1.值; 水平和垂直都一样
2. 值1 值2;
水平方向 垂直方向
border-spacing:设置边框边距;
设置边框前提border-collapse取值为sparete(不合并),
当然border-collapse取值还有collaps(合并),在sparate(不合并)下才能进行表格边框边距设置;
border-spacing取值一个值表示水平数值全部一样,两个值的话是:第一个值(水平),第二个(垂直)边距;
<style>
.t1{border-collapse:separate;
/*border-collapse:表格是否合并取值collapse合并,separete不合并*/
border-spacing:5px;
/*当边框不合并取值为separete时候可以进行外边距设置*/
/*一个值表示上下左右一样 两个值:第一个表示上下 第二个表示作业 */
table-layout:fixed;
/*显示规则table-layout默认auto自动计算,fixed根据自己设置排布*/
width:500px;
height:350px;
text-align: right;
vertical-align: top;
}
3.显示规则
1.作用
规定单元格的 宽度 和 高度 处理方式
2.属性
table-layout:
取值
1.auto
默认,自动计算单元格的宽和高
2.fixed
固定表格布局
table-layout:fixed;
/*显示规则table-layout默认auto自动计算,fixed根据自己设置排布*/
3.对比
1.自动表格布局table-layout:auto;
1.单元格大小会根据内容自动调整
2.加载复杂的表格速度比较慢
3.适用于不确定每列的内容大小
2.固定表格布局table-layout:fixed;
1.单元格大小和内容无关
2.加载复杂表格相对较快
3.适用于每列内容固定的情况
- merge语句导致的ORA错误分析(r9笔记第67天)
- Go语言的单例模式(Singleton)
- DPDK 全面分析
- 关于Go语言中数组的参数传递问题
- 【深度学习系列】用PaddlePaddle进行车牌识别(一)
- GO语言-new()分配与构造和初始化结构
- Java基础-day05-超市收银系统案例题
- mongodb11天之屠龙宝刀(五)lbs地理位置检索:存储经纬度以及查询
- 【深度学习系列】关于PaddlePaddle的一些避“坑”技巧
- 【深度学习系列】PaddlePaddle可视化之VisualDL
- Java基础-day04-代码题
- 【深度学习系列】CNN模型的可视化
- mongodb11天之屠龙宝刀(六)mapreduce:mongodb中mapreduce原理与操作案例
- 真实场景的虚拟视点合成(View Synthsis)详解
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法