뚜

css 초보자 질문 드립니다

1.gif
css 초보자 질문 드립니다.

위 이미지 처럼 자동으로 줄 바꿈 되구요 전체 너비 폭은 400px로 높이는 자동으로 구현 하고 싶습니다.

고수분들 도움 필요합니다......

첨부파일

1.gif (5 KB)
0회 2013-08-26 19:21
|

댓글 3개

<div class="num_wrap">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
...
<a href="#">20</a>
</div>

이렇게 주시고 이게 페이지 번호라던가 그러면 <ul><li> 단위로 하셔야 할수도있겠죠.

css부분은
.num_wrap {width:400px}
.num_wrap a {display:inline-block; padding: 7px 10px; float:left; border:1px solid #ccc}
정도 해주시면 이미지 그리신거랑 비슷하게 나오겠네요.
답변감사합니다 . 1 2 사이에 여백을 줄수는 없는가요 현재 붙어서 출력 되는데요.그리고 아래 위도 여백을 줄수 없는가요
기본적인 구조만 알려드린것이고 이런부분들은 변경되는 경우가 허다합니다.
여백은 보통 margin과 padding으로 조절들 많이 하시고 레이어 구조에 따라 left, right, top, bottom도 사용됩니다.
기초 css <--라고만 치셔도 참고문헌이 엄청납니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
13-08-27 조회 2,081
13-08-27 조회 1,755
13-08-27 조회 1,115
13-08-27 조회 1,140
13-08-27 조회 1,777
13-08-27 조회 1,186
13-08-27 조회 1,531
13-08-27 조회 3,087
13-08-27 조회 2,348
13-08-26 조회 2,082
13-08-26 조회 681
13-08-26 조회 1,974
13-08-26 조회 3,654
13-08-26 조회 1,661
13-08-26 조회 1,095
13-08-26 조회 2,697
13-08-26 조회 1,656
13-08-26 조회 1,595
13-08-26 조회 2,032
13-08-26 조회 1,747