모바일 최신글 관련 문의드립니다
본문
<div class="n2_list">
<a href="<?=$list[$i]['href']?>" class="n2_sub">
<?=$list[$i]['subject']?> </a></div>
이런형태인데
모바일이다보니
가운데 정확히 제목을 클릭하지 않고도
ㄹ주변이나 옆에 빈공간 클릭해도 클릭이 되서 들어가게끔 하려면 어떻게 해야될까여?
<a>를 <div>보다 앞에 바깥으로 빼는게 맞는건가여?
클래스가 좀 틀려저서요
혹시 방법이 따로 있는지 궁금합니다
답변 3
제 생각도 웹프리죤님과 같네여..
a {display:block;}
//a 태그에 display:inline-block 을 이용하시면 됩니다
<style>
.n2_list{padding:0px;margin-top:0px;margin-bottom:0px;}
.n2_list a.n2_sub{display:inline-block;width:100%;padding:15px;line-height:20px;}
</style>
세로로 나열되니까 가로는 100% 개념으로
<style>
a.link { display:block; line-height:35px; height:35px; padding:0 15px }
<a href="링크주소" class="link">메뉴1</a>
<a href="링크주소" class="link">메뉴2</a>
<a href="링크주소" class="link">메뉴3</a>
답변을 작성하시기 전에 로그인 해주세요.