单元格间距怎么设置,怎样设置单元格间距

首页 > 实用技巧 > 作者:YD1662023-04-30 12:29:18

内间距主要应用在左右两侧,但实际上上下也需要设置,在一些多行或者堆叠的场景中,单元格的高度就要随内容增加。

不过,内间距的使用也不是完全一致的,在部分单元格上可以忽略,比如表格中最左侧的选择列,和最右侧的操作列,都可以忽略内间距和边缘贴合。

单元格间距怎么设置,怎样设置单元格间距(5)

二、单元格尺寸设置和响应逻辑

在上面的逻辑中,单元格的宽/高= 单元格横竖间距 内容宽/高,看起来很灵活,但是它不能完全解决表格的列宽分配问题。

如果列数特别多,得做表格的左右视图滚动还好理解,但如果表格列数特别少怎么办?强行添加间距来完成列的布局嘛?

单元格间距怎么设置,怎样设置单元格间距(6)

这肯定是不合理的,所以我们需要在前面的基础上添加新的条件,就是单元格的最小宽度和响应逻辑

首先说最小宽度,单元格虽然可以在响应模式下被拉伸,但可以肯定的是缩小到 10px 以内的单元格根本就没有存在的必要。所以每个单元格都是有最小尺寸的,而最小尺寸需要根据内容决定。

这时候新的问题又出现了,如果单元格内容宽度不一致怎么办?比如地址有的长有的短。

那就要根据我们自己对内容的判断,制定出这类单元格最小的宽度是多少,最少支持多少个字符。字数比这少的留白,字数比这多的用省略号或换行。

单元格间距怎么设置,怎样设置单元格间距(7)

所以,当我们排列表格的时候,就是先将所有单元格的最小列宽组合起来,然后对比表格的整个视图区域。如果宽度无法达到,我们就使用等比的方式对它们进行放大,适配视图的宽度。

单元格间距怎么设置,怎样设置单元格间距(8)

上一页12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.