table

  1. 使表格之间分离
    border-collapse:separate;
    border-spacing:0.5rem 0.5rem;
  2. table的td不显示省略号
    给table设置固定表格布局
    参考链接
table{
	table-layout: fixed;
	width:100%;
}
  1. 表格竖向排列
    table_第1张图片
Squan No. 11号
出生日期 1992-03-05
高度 182cm
体重 75kg
  1. 表格横向排列
    在这里插入图片描述
日期 轮次 比赛队 比赛时间 比赛地点 比分
10月21日 星期天 1 南京同曦-青岛国信双星 19:35 南京江宁体育中心体育馆 91:118
10月21日 星期天 1 南京同曦-青岛国信双星 19:35 南京江宁体育中心体育馆 91:118
  1. 一个未解决的bug
    给每个td设置圆角,然后想给整行设置背景色td圆角外面并没有背景色
    感觉可以给里面插入一个元素设置圆角应该就没问题了
  2. 在border-collapse不是separate的情况下,td和table之间是没有缝隙的
    所以table 可以设置margin,不能设置padding
    td、th可以设置padding,不能设置margin

你可能感兴趣的:(工作)