css 이미지 태그 정렬방법
이미지 태그를 정렬하는 방법을 알아 보겠습니다.
1. 이미지를 block 요소로 만들어 margin으로 정렬
이미지에 block으로 만들어 margin에 영향을 받게하여 이미지를 가운대로 정렬할 수 있습니다.
<style type="text/css">
img{
display : block;
margin : auto;
}
</style>
<body>
<img src="test.png" />
</body>
2. 이미지 상위 요소에 text-aling속성을 사용하여 정렬
text-align은 block요소에서만 사용이 가능, block요소 안의 inline 요소를 정렬해주는 속성
마찬가지로 왼쪽 left, 오른쪽 right 로 적용 가능합니다.
<style type="text/css">
p{
text-align : center;
}
</style>
<body>
<p>
<img src="test.png" />
</p>
</body>
blog 승제노트
↓ 공감, 댓글 부탁드려요 ↓
'Develop Note' 카테고리의 다른 글
| 안드로이드 스튜디오 설치 방법 (0) | 2017.06.29 |
|---|---|
| Spring Dependency 검색 및 추가하기 (mybatis, oracle, mysql, mariadb) (2) | 2017.06.26 |
| MariaDB 설치방법 (2) | 2017.06.05 |
| Java jdk 설치 방법 (0) | 2017.05.30 |
| 이클립스(Eclipse) 설치 방법 (5) | 2017.05.29 |
댓글