뭔말인진 모르겠지만 일단 예제를 보시면 아실껍니다.
그냥 정리하는겁니다.
적용전)

적용후)

지정한 라벨의 가장 넓은 크기를 구해서 그 클래스의 넓이를 같은 길이로 맞춰주는거죠.
참 쉽죠잉.
<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개
15년 전
감사합니다. 한데...
함수를 아래처럼 바꿔야하네요... 함수명을 잠깐 실수하신듯... :)
$(document).ready(function(){
max_width('#auth');
});
함수를 아래처럼 바꿔야하네요... 함수명을 잠깐 실수하신듯... :)
$(document).ready(function(){
max_width('#auth');
});
Sizkein
15년 전
쀍ㅋ
write랑 width 는 걷보기에 차이가 안나보이네요 ㅠㅠ
write랑 width 는 걷보기에 차이가 안나보이네요 ㅠㅠ
NJEAN
15년 전
헛, 고맙습니다.
별 뻘짓을 다 했었는데
별 뻘짓을 다 했었는데
15년 전
jquery 라벨 정렬
드래그홈2
13년 전
굳
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7830 | 9년 전 | 389 | ||
| 7829 |
|
9년 전 | 566 | |
| 7828 | 9년 전 | 498 | ||
| 7827 | 9년 전 | 383 | ||
| 7826 | 9년 전 | 391 | ||
| 7825 | 9년 전 | 441 | ||
| 7824 | 9년 전 | 424 | ||
| 7823 | 9년 전 | 333 | ||
| 7822 | 9년 전 | 328 | ||
| 7821 | 9년 전 | 274 | ||
| 7820 | 9년 전 | 329 | ||
| 7819 |
|
10년 전 | 730 | |
| 7818 | 10년 전 | 358 | ||
| 7817 | 10년 전 | 471 | ||
| 7816 | 10년 전 | 378 | ||
| 7815 | 10년 전 | 576 | ||
| 7814 | 10년 전 | 405 | ||
| 7813 | 10년 전 | 343 | ||
| 7812 | 10년 전 | 353 | ||
| 7811 | 10년 전 | 369 | ||
| 7810 | 10년 전 | 522 | ||
| 7809 | 10년 전 | 447 | ||
| 7808 | 10년 전 | 322 | ||
| 7807 | 10년 전 | 371 | ||
| 7806 |
프로그래머7
|
10년 전 | 1311 | |
| 7805 | 10년 전 | 1239 | ||
| 7804 |
zahir1312
|
10년 전 | 752 | |
| 7803 |
|
10년 전 | 1350 | |
| 7802 | 10년 전 | 420 | ||
| 7801 | 10년 전 | 840 | ||
| 7800 | 10년 전 | 1070 | ||
| 7799 | 10년 전 | 513 | ||
| 7798 | 10년 전 | 474 | ||
| 7797 | 10년 전 | 471 | ||
| 7796 | 10년 전 | 311 | ||
| 7795 | 10년 전 | 465 | ||
| 7794 | 10년 전 | 497 | ||
| 7793 | 10년 전 | 1018 | ||
| 7792 | 10년 전 | 419 | ||
| 7791 | 10년 전 | 510 | ||
| 7790 | 10년 전 | 470 | ||
| 7789 |
fbastore
|
10년 전 | 1410 | |
| 7788 | 10년 전 | 504 | ||
| 7787 | 10년 전 | 364 | ||
| 7786 | 10년 전 | 526 | ||
| 7785 | 10년 전 | 538 | ||
| 7784 | 10년 전 | 606 | ||
| 7783 | 10년 전 | 412 | ||
| 7782 | 10년 전 | 456 | ||
| 7781 | 10년 전 | 868 | ||
| 7780 | 10년 전 | 791 | ||
| 7779 | 10년 전 | 759 | ||
| 7778 | 10년 전 | 325 | ||
| 7777 | 10년 전 | 417 | ||
| 7776 | 10년 전 | 418 | ||
| 7775 | 10년 전 | 363 | ||
| 7774 | 10년 전 | 608 | ||
| 7773 | 10년 전 | 351 | ||
| 7772 | 10년 전 | 686 | ||
| 7771 | 10년 전 | 339 | ||
| 7770 | 10년 전 | 621 | ||
| 7769 | 10년 전 | 340 | ||
| 7768 | 10년 전 | 566 | ||
| 7767 | 10년 전 | 1131 | ||
| 7766 | 10년 전 | 458 | ||
| 7765 | 10년 전 | 489 | ||
| 7764 |
잘살아보자
|
10년 전 | 340 | |
| 7763 |
|
10년 전 | 1412 | |
| 7762 |
Tosea
|
10년 전 | 1028 | |
| 7761 | 10년 전 | 615 | ||
| 7760 |
잘살아보자
|
10년 전 | 632 | |
| 7759 |
잘살아보자
|
10년 전 | 444 | |
| 7758 |
잘살아보자
|
10년 전 | 544 | |
| 7757 | 10년 전 | 1197 | ||
| 7756 |
ITBANK
|
10년 전 | 1233 | |
| 7755 | 10년 전 | 1910 | ||
| 7754 | 10년 전 | 1020 | ||
| 7753 | 10년 전 | 851 | ||
| 7752 | 10년 전 | 1359 | ||
| 7751 |
잘살아보자
|
10년 전 | 486 | |
| 7750 |
잘살아보자
|
10년 전 | 447 | |
| 7749 |
잘살아보자
|
10년 전 | 450 | |
| 7748 |
잘살아보자
|
10년 전 | 440 | |
| 7747 |
잘살아보자
|
10년 전 | 538 | |
| 7746 |
잘살아보자
|
10년 전 | 654 | |
| 7745 |
잘살아보자
|
10년 전 | 892 | |
| 7744 |
잘살아보자
|
10년 전 | 397 | |
| 7743 | 10년 전 | 923 | ||
| 7742 |
starbros
|
10년 전 | 805 | |
| 7741 |
잘살아보자
|
10년 전 | 626 | |
| 7740 |
잘살아보자
|
10년 전 | 494 | |
| 7739 |
잘살아보자
|
10년 전 | 447 | |
| 7738 |
잘살아보자
|
10년 전 | 504 | |
| 7737 |
잘살아보자
|
10년 전 | 463 | |
| 7736 |
잘살아보자
|
10년 전 | 482 | |
| 7735 |
잘살아보자
|
10년 전 | 814 | |
| 7734 |
잘살아보자
|
10년 전 | 409 | |
| 7733 |
잘살아보자
|
10년 전 | 517 | |
| 7732 |
잘살아보자
|
10년 전 | 669 | |
| 7731 |
잘살아보자
|
10년 전 | 589 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기