중앙 페이지 매김
중앙 페이지 매김
페이지 매김을 중앙에 배치하려면 <div>와 같은 컨테이너 요소를 text-align:center
예
.center {
text-align: center;
}
<!DOCTYPE html>
<html>
<head>
<style>
.center {
text-align: center;
}
.pagination {
display: inline-block;
}
.pagination a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
margin: 0 4px;
}
.pagination a.active {
background-color: #4CAF50;
color: white;
border: 1px solid #4CAF50;
}
.pagination a:hover:not(.active) {background-color: #ddd;}
</style>
</head>
<body>
<h2>Centered Pagination</h2>
<div class="center">
<div class="pagination">
<a href="#">«</a>
<a href="#">1</a>
<a href="#" class="active">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">»</a>
</div>
</div>
</body>
</html>
게시글 목록
| 번호 | 제목 |
|---|---|
| 2982 | |
| 2981 | |
| 2980 | |
| 2979 | |
| 2978 | |
| 2977 | |
| 2976 | |
| 2975 | |
| 2974 |
HTML
Input Type Tel
|
| 2973 | |
| 2972 | |
| 2971 |
HTML
HTML5 input 유형
|
| 2970 | |
| 2969 | |
| 2968 | |
| 2967 | |
| 2966 | |
| 2965 |
HTML
html input select 요소
|
| 2964 |
HTML
HTML NAME 속성
|
| 2963 |
HTML
HTML METHOD POST GET
|
| 2962 |
HTML
html form action
|
| 2961 | |
| 2960 |
HTML
html form submit
|
| 2959 |
HTML
html form input 객체
|
| 2958 |
HTML
HTML 레이아웃 요소
|
| 2957 | |
| 2956 |
HTML
뷰포트 설정하기
|
| 2955 |
HTML
[HTML <head> 요소] 1
|
| 2954 | |
| 2953 |
HTML
[HTML 블록 및 인라인 요소]
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기