이미지를 가운데 정렬 시키려면 ?
하연
텍스트 같은 경우에는 text-align:center 를 주면 가운데 정렬이 되는걸 알았습니다
하지만 텍스트가 아닌 이미지는 text-align:center 처럼 가운데 정렬이 되지 않는데요
원래 이미지는 text-align:center 처럼 해서는 안되는거에요?
이미지를 가운데 정렬 시키려면 어떻게 해야 하나요?
밑에처럼 book.jpg라는 이미지를 가운데 정렬시키고 싶습니다
style *{margin:0;padding:0} #container{position:relative;text-align:center;padding-top:1em;padding-bottom:1em;border:2px solid red;margin:.5em} .title{font-size:14px;font-weight:bold}/style
div id=container p class=title무엇이 당신의 차별화 전략인가요/p/div img src=./book.jpg id=logo alt=Book /
-
유린
img에 style=\margin:0 auto; width:img가로값\ 하면 되지않을려나요..
-
꽃달
그렇군요 그렇다면 img 태그에 직접적으로 스타일일 줘서 가운데 정렬 주는 방법은 없나요? 감싸는 태그에 스타일 주는 방법 말구요.
-
그리
1. 이미지를 감싸는 블럭태그를 이용. div, p에 class값을 text-align:center을 지정후 사용
2. 푸른수다님 말처럼 body에 text-align:center를 사용. body에 center값을 지정하면 body안의 모든 내용에 영향이 끼쳐짐~
이겠네요..^-^ -
에드윈
이미지를 감싸고 있는 태그가 없다면... body에 text-align:center를 지정해주셔야 합니다.
-
참없다
음.. 이미지 태그는 제가 일부러 container 밖으로 뺐습니다. 넣지 않고 가운데 정렬 하는 법을 알고 싶어요
-
한샘가온
div id=\container\
p class=\title\무엇이 당신의 차별화 전략인가요/p
img src=\./book.jpg\ id=\logo\ alt=\Book\ /
/div
가운데 정렬시켜주는 영역안으로 넣으면 되지싶은데요..^-^