위의 이미지의 padding-bottom 을 아무리 늘려도
아래 이미지처럼 배너 사이가 벌어지지않습니다;;
이거 해결책이 어떤게 있을까요?
|
답변 3개 / 댓글 3개
채택된 답변
+20 포인트
onlymilk47
2018-12-25 (화) 00:53:19
#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);
});
});
답변에 대한 댓글 1개
돼지코구뇽
2018-12-25 (화) 06:02:49
a 태그속성에 넣어주셔야합니다.
답변에 대한 댓글 1개
sinbipadding은 안,
margin은 밖.
각각의 이미지에 클래스를 부여 후,
해당 클래스에 대해서 미디어 속성으로 적용할 범위 지정 후,
margin이나 positon:relative 이용해 조절해 보세요.
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.