XSSFWorkbook 设置单元格样式_table样式

27f62d70401983a436210791b364a0f2.png

table相关属性:

  1. border-collapse:设置相邻单元格的边框处理样式 collapse/separate--是否折叠
  2. border-spacing:设置响铃单元格边框的间距
    1-2个长度值
  3. caption-side:设置表格标题的位置
    top/bottom:上/下
  4. empty-cells:设置空单元格是否显示边框
    hide/show:hide-当少td标签的时候隐藏无td的边框
  5. table-layout:指定表格的布局样式
    auto/fixed

0f066f88bc8e5bee5f4e68f0e55ef622.png
table样式属性效果

注:当border-collapse值设为collapse的时候border-spacing失效
当设置width/height之后,table的宽高固定,此时通过变化td的宽高来迎合整体的固定
empty-cells的设置是通过是否有响应td来判定,而不是内容是否为空

table-layout:浏览器显示表格采用的方法时由table-layout决定的,默认值auto
当为auto的时候浏览器会根据每列中最宽的单元格设置整列单元格的宽度,在确定table布局之前,浏览器必须获取所有的表格内容
当值为fixed时,表格的大小是由表格自身和单独每列的width值设定的。如果没有列宽值可用,浏览器回设置等距离的列宽。因此,只要获取了一行的表格数据浏览器就可以决定列宽。其他行内的数据会自动换行以适应列宽。(结果就是可能导致行高比auto模式下略高)

3989a4f49961e7b0fd8b22c759625a4e.png
table-layout:fixed

70fbee4798cfa1ba42d0285850c55fb0.png
table-layout:auto

注:

  1. auto的布局始终会根据内容来进行分配空间,当其中一列td固定宽度且远小于table宽时效果一样,当未设table宽度时若无其他css影响,效果也基本一致
  2. fixed的感觉就是完全通过列宽来分配空间,也就是说当其中一列td宽度大于table宽度时甚至能将内容挤出table外(视觉效果)

719b92c166348ef12e22dba6cb2ee21a.png
table-layout:fixed逐渐增大

d749fe493a07d23af0045c18b51dfb64.png
fixed,最终将以汉字或单词为单位挤出able区域

设置列表样式:

  1. list-style-type:指定列表中使用的标记的类型
  2. list-style-image:指定图像作为列表标记
  3. list-style-position:指定标记相对于列表项目盒子的位置
    inside/outside
  4. list-style:简写属性

c65177b385bb2635a46b8035e22b9743.png
list-style-position:inside效果

a9d0c12f1368590b6c11df9dc7e47d4a.png
list-style-position:outside效果

注:当list-style-type和list-style-image可同时其效果,不过前者的效果会覆盖掉后者的效果
list-style-image可能需要更灵活的backgound方式来代替

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值