表单布局居中
Showing
3 changed files
with
10 additions
and
46 deletions
... | @@ -2,22 +2,8 @@ | ... | @@ -2,22 +2,8 @@ |
2 | <div class="dz content-form"> | 2 | <div class="dz content-form"> |
3 | <el-form ref="form" :model="form" label-width="160px"> | 3 | <el-form ref="form" :model="form" label-width="160px"> |
4 | <Qlr ref="qlrxxModule"></Qlr> | 4 | <Qlr ref="qlrxxModule"></Qlr> |
5 | <table border="1" width="100%" cellspacing="1" cellpadding="2" class="dzTable"> | 5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="dzTable"> |
6 | <tbody> | 6 | <tbody> |
7 | <tr> | ||
8 | <td colspan="1"></td> | ||
9 | <td colspan="1"></td> | ||
10 | <td colspan="1"></td> | ||
11 | <td colspan="1"></td> | ||
12 | <td colspan="1"></td> | ||
13 | <td colspan="1"></td> | ||
14 | <td colspan="1"></td> | ||
15 | <td colspan="1"></td> | ||
16 | <td colspan="1"></td> | ||
17 | <td colspan="1"></td> | ||
18 | <td colspan="1"></td> | ||
19 | <td colspan="1"></td> | ||
20 | </tr> | ||
21 | <tr height="30"> | 7 | <tr height="30"> |
22 | <td colspan="12" align="center" ><font size="4">多幢基本信息</font></td> | 8 | <td colspan="12" align="center" ><font size="4">多幢基本信息</font></td> |
23 | </tr> | 9 | </tr> |
... | @@ -362,6 +348,7 @@ | ... | @@ -362,6 +348,7 @@ |
362 | min-height: 200px; | 348 | min-height: 200px; |
363 | width: 80%; | 349 | width: 80%; |
364 | margin-top: 10px; | 350 | margin-top: 10px; |
351 | margin-left: 10%; | ||
365 | float: left; | 352 | float: left; |
366 | 353 | ||
367 | /deep/.el-input__inner{ | 354 | /deep/.el-input__inner{ |
... | @@ -382,6 +369,7 @@ | ... | @@ -382,6 +369,7 @@ |
382 | 369 | ||
383 | table{ | 370 | table{ |
384 | background: #fff; | 371 | background: #fff; |
372 | table-layout: fixed; | ||
385 | } | 373 | } |
386 | 374 | ||
387 | td{ | 375 | td{ | ... | ... |
... | @@ -2,22 +2,8 @@ | ... | @@ -2,22 +2,8 @@ |
2 | <div class="h content-form"> | 2 | <div class="h content-form"> |
3 | <el-form ref="form" :model="form" label-width="160px"> | 3 | <el-form ref="form" :model="form" label-width="160px"> |
4 | <Qlr ref="qlrxxModule"></Qlr> | 4 | <Qlr ref="qlrxxModule"></Qlr> |
5 | <table border="1" width="100%" cellspacing="1" cellpadding="2" class="hTable"> | 5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable"> |
6 | <tbody> | 6 | <tbody> |
7 | <tr> | ||
8 | <td colspan="1"></td> | ||
9 | <td colspan="1"></td> | ||
10 | <td colspan="1"></td> | ||
11 | <td colspan="1"></td> | ||
12 | <td colspan="1"></td> | ||
13 | <td colspan="1"></td> | ||
14 | <td colspan="1"></td> | ||
15 | <td colspan="1"></td> | ||
16 | <td colspan="1"></td> | ||
17 | <td colspan="1"></td> | ||
18 | <td colspan="1"></td> | ||
19 | <td colspan="1"></td> | ||
20 | </tr> | ||
21 | <tr height="30"> | 7 | <tr height="30"> |
22 | <td colspan="12" align="center" ><font size="4">户基本信息</font></td> | 8 | <td colspan="12" align="center" ><font size="4">户基本信息</font></td> |
23 | </tr> | 9 | </tr> |
... | @@ -537,6 +523,7 @@ | ... | @@ -537,6 +523,7 @@ |
537 | min-height: 200px; | 523 | min-height: 200px; |
538 | width: 80%; | 524 | width: 80%; |
539 | margin-top: 10px; | 525 | margin-top: 10px; |
526 | margin-left: 10%; | ||
540 | float: left; | 527 | float: left; |
541 | 528 | ||
542 | /deep/.el-input__inner{ | 529 | /deep/.el-input__inner{ |
... | @@ -557,6 +544,7 @@ | ... | @@ -557,6 +544,7 @@ |
557 | 544 | ||
558 | table{ | 545 | table{ |
559 | background: #fff; | 546 | background: #fff; |
547 | table-layout: fixed; | ||
560 | } | 548 | } |
561 | 549 | ||
562 | td{ | 550 | td{ | ... | ... |
... | @@ -2,22 +2,8 @@ | ... | @@ -2,22 +2,8 @@ |
2 | <div class="zrz content-form"> | 2 | <div class="zrz content-form"> |
3 | <el-form ref="form" :model="form" label-width="160px"> | 3 | <el-form ref="form" :model="form" label-width="160px"> |
4 | <Qlr ref="qlrxxModule"></Qlr> | 4 | <Qlr ref="qlrxxModule"></Qlr> |
5 | <table border="1" width="100%" cellspacing="1" cellpadding="2" class="zrzTable"> | 5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="zrzTable"> |
6 | <tbody> | 6 | <tbody> |
7 | <tr> | ||
8 | <td colspan="1"></td> | ||
9 | <td colspan="1"></td> | ||
10 | <td colspan="1"></td> | ||
11 | <td colspan="1"></td> | ||
12 | <td colspan="1"></td> | ||
13 | <td colspan="1"></td> | ||
14 | <td colspan="1"></td> | ||
15 | <td colspan="1"></td> | ||
16 | <td colspan="1"></td> | ||
17 | <td colspan="1"></td> | ||
18 | <td colspan="1"></td> | ||
19 | <td colspan="1"></td> | ||
20 | </tr> | ||
21 | <tr height="30"> | 7 | <tr height="30"> |
22 | <td colspan="12" align="center" ><font size="4">自然幢基本信息</font></td> | 8 | <td colspan="12" align="center" ><font size="4">自然幢基本信息</font></td> |
23 | </tr> | 9 | </tr> |
... | @@ -415,6 +401,7 @@ | ... | @@ -415,6 +401,7 @@ |
415 | width: 80%; | 401 | width: 80%; |
416 | margin-top: 10px; | 402 | margin-top: 10px; |
417 | float: left; | 403 | float: left; |
404 | margin-left: 10%; | ||
418 | 405 | ||
419 | /deep/.el-input__inner{ | 406 | /deep/.el-input__inner{ |
420 | width: 100%; | 407 | width: 100%; |
... | @@ -433,7 +420,8 @@ | ... | @@ -433,7 +420,8 @@ |
433 | } | 420 | } |
434 | 421 | ||
435 | table{ | 422 | table{ |
436 | background: #fff; | 423 | background: #fff; |
424 | table-layout: fixed; | ||
437 | } | 425 | } |
438 | 426 | ||
439 | td{ | 427 | td{ | ... | ... |
-
Please register or sign in to post a comment