테스트 사이트 - 개발 중인 베타 버전입니다

모바일 최신글 관련 문의드립니다 채택완료

giftst 8년 전 조회 3,405

 <div class="n2_list">

<a href="<?=$list[$i]['href']?>" class="n2_sub">

<?=$list[$i]['subject']?>  </a></div> 

 


이런형태인데

모바일이다보니

가운데 정확히 제목을 클릭하지 않고도

ㄹ주변이나 옆에 빈공간 클릭해도 클릭이 되서 들어가게끔 하려면 어떻게 해야될까여?

<a>를 <div>보다 앞에 바깥으로 빼는게 맞는건가여?

클래스가 좀 틀려저서요

혹시 방법이 따로 있는지 궁금합니다

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
8년 전

제 생각도 웹프리죤님과 같네여..


a {display:block;}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

g
giftst
8년 전
답변 모두 감사합니다
다른건 생각처럼 잘안되네여 가장 쉬운걸로 ㅎ

댓글을 작성하려면 로그인이 필요합니다.

세로로 나열되니까 가로는 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> 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

o
8년 전

//a 태그에 display:inline-block 을 이용하시면 됩니다

</p><p><style></p><p><span class="Apple-tab-span" style="white-space:pre">	</span>.n2_list{padding:0px;margin-top:0px;margin-bottom:0px;}</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>.n2_list a.n2_sub{display:inline-block;width:100%;padding:15px;line-height:20px;}</p><p></style></p><p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인