-
-
-
-
-
-
+
+
+
+
+
快速选择：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
使用案例
+
1. 使用别称查询：
+
姥姥的爸爸的老窦 / 娘子的爹地的母亲 / 岳丈的妈咪
+
2. 使用合称查询：
+
舅舅的孙辈 / 爸爸的祖父母 / 姑妈的兄弟姐妹 / 表妹的孩子
+
3. 大小数字混合查询：
+
儿子的大舅的二姑妈的七舅姥爷 / 女婿的小姨
+
4. 不限制方向祖辈孙辈跨度，反复查询：
+
舅妈的婆婆的外甥的姨妈的侄子的爷爷 / 老公的丈母娘的儿媳
+
5. 年龄推导：
+
哥哥的表姐 = 姑表姐、舅表姐
+
堂妹的姐姐 = 堂姐、堂妹
+
弟弟的表哥 = 姑表哥、姑表弟、舅表哥、舅表弟
-
-
计算结果：
-
+
+
+
+
+
+
应用场景
+
“七舅姥爷”和我是什么关系？
+
“堂弟”和“表弟”如何区分在？
+
“外甥”和“侄子”的区别在哪里？
+
“姑表舅表哥”是我的谁？
+
-
-
应用场景
-
外舅公是我妈的谁？
-
我爸应该叫舅老爷什么？
-
我岳父怎么叫我弟弟什么？
-
我哥如何称呼我岳母？
+
+
+
+
+
+
+
+
应用场景
+
外舅公是我妈的谁？
+
我爸应该叫舅老爷什么？
+
我岳父怎么叫我弟弟什么？
+
我哥如何称呼我岳母？
+
diff --git a/style/index.css b/style/index.css
index c805bb3..83394e7 100644
--- a/style/index.css
+++ b/style/index.css
@@ -1,4 +1,4 @@
-html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h3,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h3,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}
+html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h3,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}
html{
height:100%;
}
@@ -72,49 +72,53 @@ a:hover{
.mod-panel {
width: 100%;
}
+.mod-panel h1{
+ line-height: 32px;
+ font-size: 24px;
+ color:#212121;
+}
+.mod-panel h2{
+ line-height: 30px;
+ text-align: center;
+ font-weight: normal;
+ font-size: 18px;
+}
.mod-panel .hd{
padding: 10px 0;
line-height: 22px;
text-align: center;
}
-.mod-panel .hd h1{
- line-height: 32px;
- font-size: 24px;
- color:#212121;
-}
+
.mod-panel .hd b{
margin: 0 3px;
color: #fd7474;
}
-.mod-panel .bd{
+.mod-panel .box{
max-width: 500px;
margin:0 auto 15px;
}
-.mod-panel .bd p{
- overflow: hidden;
-}
-.mod-panel .c-hd{
+.mod-panel .box .c-hd{
height: 36px;
margin-bottom: 15px;
border-bottom: 1px solid #e2e2e2;
}
-.mod-panel .c-hd li{
+.mod-panel .box .c-hd li{
float: left;
width: 33.33%;
height: 36px;
line-height: 36px;
}
-.mod-panel .c-hd li a{
+.mod-panel .box .c-hd li a{
display: block;
text-align: center;
text-decoration: none;
color: #999;
}
-.mod-panel .c-hd li.active a{
+.mod-panel .box .c-hd li.active a{
position: relative;
color: #333;
}
-.mod-panel .c-hd li.active a::after{
+.mod-panel .box .c-hd li.active a::after{
position: absolute;
left: 50%;
bottom: 0;
@@ -126,18 +130,21 @@ a:hover{
background: #2095f2;
border-radius: 3px;
}
-.mod-panel .c-panel{
+.mod-panel .box .c-panel{
display: none;
}
-.mod-panel .operation{
+.mod-panel .box .operation{
margin: 10px 0;
}
-.mod-panel .row{
+.mod-panel .box .row{
margin-bottom: 5px;
}
-.mod-panel .field{
+.mod-panel .box .field{
line-height: 28px;
}
+.mod-panel .bd p{
+ overflow: hidden;
+}
.mod-panel .bd label{
display: inline-block;
min-width: 90px;
@@ -218,7 +225,7 @@ a:hover{
outline: none;
}
.mod-panel .bd p{
- line-height: 30px;
+ line-height: 22px;
}
.mod-panel .bd p span{
margin-right: 10px;
@@ -268,21 +275,30 @@ a:hover{
line-height: 22px;
text-indent: 2em;
}
+.mod-panel .table-inner{
+ overflow-x: auto;
+}
.mod-panel table {
width: 100%;
+ margin-bottom: 10px;
border: 1px solid #cee1ee;
border-collapse: collapse;
border-spacing: 0;
}
+.mod-panel thead{
+ background-color: #e3eef8;
+}
.mod-panel tr {
border-bottom: 1px solid #cee1ee;
line-height: 24px;
font-size: 13px;
}
-.mod-panel tr td {
+.mod-panel tr td,.mod-panel tr th{
word-break: break-all;
word-wrap: break-word;
- padding: 5px 10px;
+ padding: 5px 8px;
+ border: 1px solid #cee1ee;
+ line-height: 20px;
font-weight: normal;
}
.mod-panel tr p.name{
diff --git a/table.html b/table.html
new file mode 100644
index 0000000..47d871d
--- /dev/null
+++ b/table.html
@@ -0,0 +1,248 @@
+
+
+
+
+
+
+
+
+
+
+
+
亲戚关系称呼大全 - 亲戚称呼大全 - 亲戚关系大全
+
+
+
+
+
+
+
+
+
+
+
+
亲戚关系称谓大全
+
+
+
亲属是基于婚姻、血缘和法律拟制而形成的社会关系。中国法律所调整的亲属关系包括夫妻、父母、子女、兄弟姊妹、祖父母和外祖父母、孙子女和外孙子女、儿媳和公婆、女婿和岳父母、以及其他三代以内的旁系血亲，如伯、叔、姑、舅、姨、侄子女、甥子女、堂兄弟姊妹、表兄弟姊妹等。亲属不等于家庭成员，有亲属关系的人可能分属于多个不同的家庭；家庭成员并不绝对有亲属关系。
+
+
中国古代常用称谓词沿革表
+
+
+
+
+ | 四世祖 |
+ 三世祖 |
+ 祖辈 |
+ 父辈 |
+ 同辈 |
+ 子侄辈 |
+
+
+
+
+ | 高祖父 |
+ 族曾祖父 |
+ 族祖父·族祖 |
+ 族父 |
+ 族兄弟→三从兄弟 |
+ 族子 |
+
+
+ | 曾祖父 |
+ 从祖祖父·从祖→伯祖父·伯祖 |
+ 从伯·从祖父·从父 |
+ 从祖兄弟→再从兄弟 |
+ 族子→再从子 |
+
+
+ | 从叔·从祖父·从父 |
+ 从祖兄弟→再从兄弟 |
+ 族子→再从子 |
+
+
+ | 祖父·祖 |
+ 伯父 |
+ 从父兄弟→堂兄弟 |
+ 从子→堂侄 |
+
+
+ | 父 |
+ 兄 |
+ 兄子→侄子 |
+
+
+ | 自己 |
+ 子·息→儿子·息子 |
+
+
+ | 弟 |
+ 弟子→侄子 |
+
+
+ | 叔父 |
+ 从父兄弟→堂兄弟 |
+ 从子→堂侄 |
+
+
+ | 从祖祖父·从祖→叔祖父·叔祖 |
+ 从伯·从祖父·从父 |
+ 从祖兄弟→再从兄弟 |
+ 族子→再从子 |
+
+
+ | 从叔·从祖父·从父 |
+ 从祖兄弟→再从兄弟 |
+ 族子→再从子 |
+
+
+
+
+
+
现代家庭关系表
+
+
+
+
+ | 曾祖辈 |
+ 祖辈 |
+ 父母辈 |
+ 平辈 |
+ 小辈 |
+ 孙辈 |
+
+
+
+
+ 太爷爷 （太奶奶） |
+ 叔爷爷（叔奶奶） |
+ 【堂】伯叔（大娘、婶） |
+ 【堂】兄弟姐妹（嫂、弟妹、姐夫、妹夫） |
+ 【堂】侄子，侄女，外甥，外甥女（侄媳妇，侄女婿，外甥媳妇，外甥女婿） |
+ 【堂侄、堂甥】孙，孙女，外孙，外孙女（孙媳妇，孙女婿，外孙媳妇，外孙女婿） |
+
+
+ | 【堂】姑（姑父） |
+ 【表】兄弟姐妹（嫂、弟妹、姐夫、妹夫） |
+ 【表】侄子，侄女，外甥，外甥女（侄媳妇，侄女婿，外甥媳妇，外甥女婿） |
+ 【表侄、表甥】孙，孙女，外孙，外孙女（孙媳妇，孙女婿，外孙媳妇，外孙女婿） |
+
+
+ | 姑奶奶（姑爷爷） |
+ 【表】伯叔姑（大娘、婶、姑父） |
+
+
+ | 爷爷 |
+ 姑（姑父） |
+
+
+ | 父亲 |
+ 哥哥（嫂子） |
+ 侄子，侄女（侄媳妇，侄女婿） |
+ 侄孙，侄孙女，侄外孙，侄外孙女（侄孙媳妇，侄孙女婿，侄外孙媳妇，侄外孙女婿） |
+
+
+ 太爷爷 （太奶奶） |
+ 奶奶 |
+ 弟弟（弟妹） |
+
+
+ | 伯叔（大娘、婶） |
+ 【堂】兄弟姐妹（嫂、弟妹、姐夫、妹夫） |
+ 【堂】侄子，侄女，外甥，外甥女（侄媳妇，侄女婿，外甥媳妇，外甥女婿） |
+ 【堂侄、堂甥】孙，孙女，外孙，外孙女（孙媳妇，孙女婿，外孙媳妇，外孙女婿） |
+
+
+ | 舅爷、姨奶（舅奶、姨爷） |
+ 【表、姨表】伯叔姑（大娘、婶、姑父） |
+ 【表、姨表】兄弟姐妹（嫂、弟妹、姐夫、妹夫） |
+ 【表、姨表】侄子，侄女，外甥，外甥女（侄媳妇，侄女婿，外甥媳妇，外甥女婿） |
+ 【表/姨表-侄/甥】孙，孙女，外孙，外孙女（孙媳妇，孙女婿，外孙媳妇，外孙女婿） |
+
+
+
|
+
|
+ （妻）岳父（岳母） |
+ 自己 |
+ 儿子（儿媳） |
+ 孙子、孙女（孙媳妇，孙女婿） |
+
+
+ | （夫）公公（婆婆） |
+ 女儿（女婿） |
+ 外孙、外孙女（外孙媳妇，外孙女婿） |
+
+
+ 太姥爷 （太姥姥） |
+ 叔姥爷、姑姥姥（叔姥姥、姑姥爷） |
+ 【堂、表】舅姨（舅妈、姨爸） |
+ 【表、姨表】兄弟姐妹（嫂、弟妹、姐夫、妹夫） |
+ 【表、姨表】侄子，侄女，外甥，外甥女（侄媳妇，侄女婿，外甥媳妇，外甥女婿） |
+ 【表/姨表-侄/甥】孙，孙女，外孙，外孙女（孙媳妇，孙女婿，外孙媳妇，外孙女婿） |
+
+
+ | 姥爷 |
+ 舅姨（舅妈、姨爸） |
+
+
+ | 母亲 |
+ 姐姐（姐夫） |
+ 外甥，外甥女（外甥媳妇，外甥女婿） |
+ 甥孙、甥孙女（甥孙媳妇，甥孙女婿） |
+
+
+ 太姥爷 （太姥姥） |
+ 姥姥 |
+ 妹妹（妹夫） |
+
+
+ | 舅姥爷、姨姥（舅姥姥、姨姥爷） |
+ 【表、姨表】舅姨（舅妈、姨爸） |
+ 【表、姨表】兄弟姐妹（嫂、弟妹、姐夫、妹夫） |
+ 【表、姨表】侄子，侄女，外甥，外甥女（侄媳妇，侄女婿，外甥媳妇，外甥女婿） |
+ 【表/姨表-侄/甥】孙，孙女，外孙，外孙女（孙媳妇，孙女婿，外孙媳妇，外孙女婿） |
+
+
+
+
+
+
+
+
+
+
+
+
+