padding 소스가 안먹히는데 봐주실래욤?

padding 소스가 안먹히는데 봐주실래욤?

QA

padding 소스가 안먹히는데 봐주실래욤?

본문

1930916846_1545664230.4763.jpg

 

위의 이미지의 padding-bottom 을 아무리 늘려도

아래 이미지처럼 배너 사이가 벌어지지않습니다;;

이거 해결책이 어떤게 있을까요?

 

1930916846_1545664236.8529.jpg

이 질문에 댓글 쓰기 :

답변 3

#ban a{display:inline-block;}
#ban img{padding-bottom:10%;}
#ban a:last-child img{padding-bottom:0%;}

 

last-child 부분을 변경해 보세요

 

참조 ) 그리고 높이 %를 사용하시려면 

스트립트를 이용하시면 됩니다.

그리고 #ban a:last-child img{padding-bottom:0% !important;}

jQuery(document).ready(function(){
    jQuery("#ban img").each(function(){
        var padding_bottom=parseInt(jQuery(this).height() / 10); //이미지의 10% 
        jQuery(this).closest("a").css("padding-bottom", padding_bottom); 
    });
});
 

 

 

padding은 안,

margin은 밖.

 

각각의 이미지에 클래스를 부여 후,

해당 클래스에 대해서 미디어 속성으로 적용할 범위 지정 후,

margin이나 positon:relative 이용해 조절해 보세요.

a 태그속성에 넣어주셔야합니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 123,148 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT