뭔말인진 모르겠지만 일단 예제를 보시면 아실껍니다.
그냥 정리하는겁니다.
적용전)
적용후)
지정한 라벨의 가장 넓은 크기를 구해서 그 클래스의 넓이를 같은 길이로 맞춰주는거죠.
참 쉽죠잉.
<SCRIPT LANGUAGE="JavaScript">
<!--
// 함수는 아래와 같습니다.
function max_width(a){
var max = 0;
$(a).find("label").each(function(){
if ($(this).width() > max)
max = $(this).width();
}).css({display:"inline-block",width:max});
}
//돔 레디 안쪽에 아래와 같은 문장을 넣어줘야 합니다.
$(document).ready(function(){
max_write('#auth');
});
//-->
</SCRIPT>
//예문 코드는 아래와 같습니다.
<div id="auth">
<label>Doraemong</label> <select>......</select>
<label>test</label> <select>......</select>
<label>Pokémon World</label> <select>......</select>
</div>
이 후에 max_write 문만 돔레디에 추가해주면 정해놓은 div 아이디값 아래에 있는 label 크기를 구해서 가장 큰 라벨크기로 전부 고정시킵니다~
간단한겁니다. 꾿
텍스트큐브 열면서 하나 올리고 긁어올려봅니다.
블로그 : DevelopeR :: Sizkein
[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
댓글 5개
16년 전
감사합니다. 한데...
함수를 아래처럼 바꿔야하네요... 함수명을 잠깐 실수하신듯... :)
$(document).ready(function(){
max_width('#auth');
});
함수를 아래처럼 바꿔야하네요... 함수명을 잠깐 실수하신듯... :)
$(document).ready(function(){
max_width('#auth');
});
Sizkein
16년 전
쀍ㅋ
write랑 width 는 걷보기에 차이가 안나보이네요 ㅠㅠ
write랑 width 는 걷보기에 차이가 안나보이네요 ㅠㅠ
NJEAN
15년 전
헛, 고맙습니다.
별 뻘짓을 다 했었는데
별 뻘짓을 다 했었는데
15년 전
jquery 라벨 정렬
드래그홈2
13년 전
굳
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6530 |
퍼블리셔강
|
12년 전 | 654 | |
| 6529 | 12년 전 | 1308 | ||
| 6528 | 12년 전 | 629 | ||
| 6527 | 12년 전 | 794 | ||
| 6526 | 12년 전 | 6582 | ||
| 6525 | 12년 전 | 552 | ||
| 6524 | 12년 전 | 844 | ||
| 6523 | 12년 전 | 498 | ||
| 6522 | 12년 전 | 541 | ||
| 6521 | 12년 전 | 802 | ||
| 6520 | 12년 전 | 745 | ||
| 6519 | 12년 전 | 1745 | ||
| 6518 |
가슴시린하늘
|
12년 전 | 1727 | |
| 6517 | 12년 전 | 1367 | ||
| 6516 | 12년 전 | 5230 | ||
| 6515 | 12년 전 | 1504 | ||
| 6514 | 12년 전 | 1604 | ||
| 6513 | 12년 전 | 958 | ||
| 6512 | 12년 전 | 1990 | ||
| 6511 | 12년 전 | 1383 | ||
| 6510 | 12년 전 | 3079 | ||
| 6509 |
프로프리랜서
|
12년 전 | 2556 | |
| 6508 |
프로프리랜서
|
12년 전 | 1901 | |
| 6507 |
프로프리랜서
|
12년 전 | 2378 | |
| 6506 |
프로프리랜서
|
12년 전 | 1860 | |
| 6505 |
프로프리랜서
|
12년 전 | 1635 | |
| 6504 | 12년 전 | 1047 | ||
| 6503 | 12년 전 | 1138 | ||
| 6502 |
프로프리랜서
|
12년 전 | 5561 | |
| 6501 |
프로프리랜서
|
12년 전 | 2609 | |
| 6500 |
프로프리랜서
|
12년 전 | 3092 | |
| 6499 |
프로프리랜서
|
12년 전 | 1752 | |
| 6498 |
프로프리랜서
|
12년 전 | 1468 | |
| 6497 | 12년 전 | 816 | ||
| 6496 |
yunkiri486
|
12년 전 | 1817 | |
| 6495 | 12년 전 | 924 | ||
| 6494 | 12년 전 | 1498 | ||
| 6493 | 12년 전 | 2767 | ||
| 6492 |
오늘도망했다
|
12년 전 | 2340 | |
| 6491 |
오늘도망했다
|
12년 전 | 1678 | |
| 6490 |
오늘도망했다
|
12년 전 | 6661 | |
| 6489 |
오늘도망했다
|
12년 전 | 2502 | |
| 6488 |
홈피119
|
12년 전 | 706 | |
| 6487 | 12년 전 | 689 | ||
| 6486 | 12년 전 | 1412 | ||
| 6485 | 12년 전 | 2055 | ||
| 6484 | 12년 전 | 905 | ||
| 6483 | 12년 전 | 724 | ||
| 6482 | 12년 전 | 1349 | ||
| 6481 | 12년 전 | 1476 | ||
| 6480 |
Header
|
12년 전 | 693 | |
| 6479 |
 grapedw |
12년 전 | 1131 | |
| 6478 |
개초보제이
|
12년 전 | 1397 | |
| 6477 | 12년 전 | 805 | ||
| 6476 | 12년 전 | 1078 | ||
| 6475 | 12년 전 | 3690 | ||
| 6474 | 12년 전 | 1433 | ||
| 6473 | 12년 전 | 964 | ||
| 6472 | 12년 전 | 859 | ||
| 6471 |
AMDbest
|
12년 전 | 1210 | |
| 6470 |
jinmuk
|
12년 전 | 1452 | |
| 6469 |
jinmuk
|
12년 전 | 4252 | |
| 6468 |
jinmuk
|
12년 전 | 5584 | |
| 6467 | 12년 전 | 709 | ||
| 6466 |
jinmuk
|
12년 전 | 2285 | |
| 6465 |
jinmuk
|
12년 전 | 6742 | |
| 6464 |
jinmuk
|
12년 전 | 2411 | |
| 6463 |
jinmuk
|
12년 전 | 9338 | |
| 6462 |
희망과열정
|
12년 전 | 543 | |
| 6461 |
Header
|
12년 전 | 732 | |
| 6460 |
희망과열정
|
12년 전 | 1364 | |
| 6459 |
프리랜서개발자
|
12년 전 | 1680 | |
| 6458 | 12년 전 | 1343 | ||
| 6457 |
jinmuk
|
12년 전 | 1954 | |
| 6456 |
jinmuk
|
12년 전 | 2353 | |
| 6455 |
jinmuk
|
12년 전 | 3215 | |
| 6454 |
jinmuk
|
12년 전 | 2180 | |
| 6453 |
jinmuk
|
12년 전 | 2364 | |
| 6452 |
jinmuk
|
12년 전 | 2321 | |
| 6451 |
jinmuk
|
12년 전 | 1616 | |
| 6450 |
jinmuk
|
12년 전 | 1405 | |
| 6449 |
jinmuk
|
12년 전 | 1050 | |
| 6448 |
jinmuk
|
12년 전 | 1252 | |
| 6447 |
jinmuk
|
12년 전 | 2019 | |
| 6446 |
jinmuk
|
12년 전 | 1575 | |
| 6445 |
jinmuk
|
12년 전 | 1267 | |
| 6444 |
jinmuk
|
12년 전 | 2318 | |
| 6443 |
jinmuk
|
12년 전 | 2050 | |
| 6442 |
jinmuk
|
12년 전 | 1896 | |
| 6441 |
jinmuk
|
12년 전 | 1627 | |
| 6440 |
jinmuk
|
12년 전 | 2326 | |
| 6439 |
jinmuk
|
12년 전 | 1142 | |
| 6438 |
wndProc
|
12년 전 | 791 | |
| 6437 | 12년 전 | 414 | ||
| 6436 |
senseme
|
12년 전 | 554 | |
| 6435 | 12년 전 | 1052 | ||
| 6434 | 12년 전 | 2486 | ||
| 6433 | 12년 전 | 2494 | ||
| 6432 | 12년 전 | 1568 | ||
| 6431 |
밥먹고합시다
|
12년 전 | 1196 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기