[发明专利]隶属关系展示方法、装置、电子设备和存储介质

权利要求书

1.一种隶属关系展示方法，其特征在于，应用于电子设备，所述方法包括：

设置至少一个父级输入框及与所述父级输入框并列设置的至少一个子级输入框，其中，所述父级输入框的宽度大于所述子级输入框的宽度，且所述父级输入框的一端与所述子级输入框的一端齐平；

通过CSS语言构建用于展示所述父级输入框和所述子级输入框的隶属关系的折线，其中，所述折线的尺寸能够通过修改所述CSS语言进行修改；

将所述折线设置在各所述子级输入框与所述父级输入框存在宽度差的一端。

2.根据权利要求1所述的方法，其特征在于，通过CSS语言构建用于展示所述父级输入框和所述子级输入框的隶属关系的折线，包括：

通过CSS语言构建L型折线，其中，所述L型折线的第一线段的长度小于所述父级输入框与所述子级输入框的宽度差，所述L型折线的第二线段的长度为子级输入框的行高及相邻两个子级输入框之间的间隙高度之和。

3.根据权利要求1所述的方法，其特征在于，通过CSS语言构建用于展示所述父级输入框和所述子级输入框的隶属关系的折线，包括：

通过CSS语言构建L型折线，其中，所述L型折线的第一线段的长度为所述父级输入框与所述子级输入框的宽度差的一半，所述L型折线的第二线段的长度为子级输入框的行高及相邻两个子级输入框之间的间隙高度之和。

4.根据权利要求2或3所述的方法，其特征在于，将所述折线设置在各所述子级输入框与所述父级输入框存在宽度差的一端，包括：

将所述L型折线的一端连接各所述子级输入框的一端，所述L型折线的另一端连接另一L型折线或所述父级输入框。

5.根据权利要求2或3所述的方法，其特征在于，所述子级输入框包括相互平行的第一边及第二边，其中，所述第一边位于所述第二边与所述父级输入框之间，所述将所述折线设置在各所述子级输入框与所述父级输入框存在宽度差的一端，包括：

根据所述子级输入框的位置将所述L型折线设置在所述子级输入框未与所述父级输入框齐平的一端，且所述L型折线的第一线段位于所述子级输入框的第二边所在的直线上；

将所述L型折线沿所述子级输入框行高所在的方向朝向所述父级输入框移动，以使所述第一线段所在直线位于所述子级输入框的第一边所在直线及第二边所在直线之间。

6.根据权利要求5所述的方法，其特征在于，所述将所述L型折线沿所述子级输入框行高所在的方向朝向所述父级输入框移动，包括：

将所述L型折线沿所述子级输入框行高所在的方向朝向所述父级输入框移动半个所述子级输入框的行高的距离。

7.一种隶属关系展示装置，其特征在于，应用于电子设备，所述装置包括：

输入框设置模块，用于设置至少一个父级输入框及与所述父级输入框并列设置的至少一个子级输入框，其中，所述父级输入框的宽度大于所述子级输入框的宽度，且所述父级输入框的一端与所述子级输入框的一端齐平；

折线构建模块，用于通过CSS语言构建用于展示所述父级输入框和所述子级输入框的隶属关系的折线，其中，所述折线的尺寸能够通过修改所述CSS语言进行修改；

折线位置确定模块，用于将所述折线设置在各所述子级输入框与所述父级输入框存在宽度差的一端。

8.根据权利要求7所述的装置，其特征在于，所述折线构建模块具体用于：

通过CSS语言构建L型折线，其中，所述L型折线的第一线段的长度小于所述父级输入框与所述子级输入框的宽度差，所述L型折线的第二线段的长度为子级输入框的行高及相邻两个子级输入框之间的间隙高度之和。

9.一种电子设备，其特征在于，包括处理器及存储有计算机指令的非易失性存储器，所述计算机指令被所述处理器执行时，所述电子设备执行权利要求1-6中任意一项所述的隶属关系展示方法。

10.一种存储介质，其特征在于，所述存储介质中存储有计算机程序，所述计算机程序被执行时实现权利要求1-6中任意一项所述的隶属关系展示方法。