정말... 제 깊은 의미를 이해못해주시다니..ㅠ; (특히 c샵님보세요)
http://sir.co.kr/bbs/board.php?bo_table=pb_tip&wr_id=2511
기껏해서 팁써놨더만...바보취급하고 힝ㅠㅠ
<ul>
<li><a></a></li>
<li><a ></a></li>
<li><a></a></li>
<li><a></a></li>
</ul>
이와같이 있습니다.
c샵님께서 하신방식은
.center { text-align: center; }
<a class="center" href="#">center</a>
근데 전 좀더 깊이 생각해서 짠 소스였습니다..
여기에 이미지를 넣는다고 과정을하면 <img>를 이용하거나 <div><span> 등등 여러가지 태그를 더 집어넣겠죠?
그러면 태그가 오히려 더길어집니다.
제방식으로 하면 a{background:#000; position:absolute; width:50px; height:100%; left:50%; top:0; margin-left:-25px;}
요기에 background에 이미지를 넣어서 background-position 을 넣어 잘라서 사용하면 오히려 좀더 효율적으로 사용할수있다는 정의입니다...;
그정도 text-align: center; 를 사용하는 기본적인상식은 저한테도 있다구요...싫어요까지 주시고 너무들하시네요ㅠㅠ;
이와같이 있습니다.
c샵님께서 하신방식은
.center { text-align: center; }
<a class="center" href="#">center</a>
근데 전 좀더 깊이 생각해서 짠 소스였습니다..
여기에 이미지를 넣는다고 과정을하면 <img>를 이용하거나 <div><span> 등등 여러가지 태그를 더 집어넣겠죠?
그러면 태그가 오히려 더길어집니다.
제방식으로 하면 a{background:#000; position:absolute; width:50px; height:100%; left:50%; top:0; margin-left:-25px;}
요기에 background에 이미지를 넣어서 background-position 을 넣어 잘라서 사용하면 오히려 좀더 효율적으로 사용할수있다는 정의입니다...;
그정도 text-align: center; 를 사용하는 기본적인상식은 저한테도 있다구요...싫어요까지 주시고 너무들하시네요ㅠㅠ;
기껏해서 팁써놨더만...바보취급하고 힝ㅠㅠ
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 10개
꼭 저런 용도 아니라도 관심있게 보는 초보자는
left:50%; margin-left:-25px; <-- 이런걸 배워갈테니까요
본인에 맞게 본인이 편하게...
하는게 제일 좋은 방식.
바보취급하는게 아니라 설명이 부족한 거 아닐까 싶기도 하네요. 솔직히 저는 아직도 저 코드가 무얼 의도하는 건지 이해가 안 가네요. ㅠㅠ
시간 날 때 시도 해봐야겠네요. ㅎㅎ
xe에서 사용하던 배경 버튼으로 텍스트 길에 따라 리사이징 되는 거 긁어다 쓰곤 했는데 이 참에 직접 만들어 봐야겠네요.
"바보취급하는게 아니라 설명이 부족한 거 아닐까 싶기도 하네요. 솔직히 저는 아직도 저 코드가 무얼 의도하는 건지 이해가 안 가네요. ㅠㅠ"
X 2
그리고
"a 에 text-align:center 만 주면 적용 안 됩니다. 적어도 display:inline-block 혹은 block 이 적용된 상태에서 너비값을 가지고 있을 때 적용이 됩니다."
a tag 에 block 속성의 명령을 주려면 당연히 display: block 해줘야 하는거죠.
이건 설명안해도 알아서 이해해야 되지 않나요? 지운엄마나 퍼블리셔분들이 css 초보도 아니고 말이죠.
>.<
text를 정렬할려는게 아니라 <a>태그를 정렬시킬려고한거라구요....;
그리고 굳이 text같은것을 정렬시킬려고하면 강좌자체를 안썼겠죠...;