이전 목록 다음
채택완료

모바일 최신글 관련 문의드립니다

ggiftst
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-06-26 (월) 23:52:06 3,620

 <div class="n2_list">

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

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

4ba85cc7ee5c1a60903eae4c6da7b17b_1498488653_4027.png 


이런형태인데

모바일이다보니

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

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

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

클래스가 좀 틀려저서요

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

그누보드5
|

답변 3개 / 댓글 1개

채택된 답변
+20 포인트
팬팬더군
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-06-27 (화) 08:06:11

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

a {display:block;}

답변에 대한 댓글 1개

giftst
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-06-27 (화) 22:29:46
답변 모두 감사합니다
다른건 생각처럼 잘안되네여 가장 쉬운걸로 ㅎ
웹웹프리죤
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-06-27 (화) 01:21:15

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

oonlymilk47
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-06-27 (화) 00:30:10

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

Copy 
<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>

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