在设计b端表格过程中，单元格是组成表格的最小单位，在确定了表格的内容后，同一行中单元格的宽度，我们应该怎样去确定呢？
首先，在确定单元格的宽度之前，第一步需要对所有的字段类型进行最小宽度的设定，防止后期设计过程中有的单元格宽度不够显示当前内容。通常情况下，最小的宽度是根据“表格字段”所需要展示的内容的宽度来决定的，根据字段内容（比如“手机号”这个字段，所需要最小宽度就是11位数字的宽度）的数量，所占的宽度也不尽相同。
地址字段：地址字段是b端设计中产品表格最常见得一种，由于地址属于非常不可控的一种字段，所以地址字段单元格宽度的长短会有很大的差距。
名称字段：目前常见的展示方式有三种类型：纯文字（只用文字表达，比如：张三、柯镇恶、飞天大盗，长度上会有所不同）、头像文字（在纯文字的基础上，在左边增加一个头像，与文字一起使用，整体宽度由文字部分决定）、纯头像（与文字类型相反，只使用头像，整体宽度一致）。在使用时要根据整体表格的情况再决定使用哪种类型的名称字段
日期时间字段：日期时间是一个典型的可控的字段，格式相对固定，所以其宽度能够精确掌握，能够进行创新的地方只有排列顺序和分割符（因为数字本身的原因，在相同字号下会显得比汉字更小一些，比如三、3，所以我们在设计中可以将数字的大小上调两个单位，就变成了这样三、3.整体看上去就显得同一了）。
通过以上三种例子，想必大家都能看明白了，字段的宽度无非就是几种情况，通常情况下，在我们进行设计时也会对内容需要的宽度能有个大概的预判，也就有一定的了解基础，而我们将字段宽度梳理出来并进行记录，这样做在后面开发中实现会很有用
下一篇： 没有了
关键词:
