이미지 정렬 작업 방법
보미나
저는 이미지 정렬 작업할때 보통 포지션주고 퍼센트로 작업하거나 고정형일땐 top과 left에 px작업하는데요.. 이게 여간 귀찮은게 아니네요 다른 간단한 이미지 정렬 방법있나요? 리스트 세로 정렬처럼 inline를 줄수있는것도 아닐것같은 생각이 드네요;;
일정하게 가로 세로 정렬 방법을 알고계신분 있으신가요? 이미지 가로정렬 간편하게 하는 방법입니다...포지션으로 하는 방법말고 다른방법있나요? 간편한 방법요..
-
물
li에 inline-block주고 ul: text-align:center하면 될거같은데용.......ㅎㅎ
-
개미
감사합니다 ㅎㅎ
-
보미
음... 이미지를 포함한 div의 크기가 일정하다면 css의 float:left, clear:left; 속성으로 할 수 있을것 같아요. 자세한 정보는 검색엔진에 float:left 만 검색하셔도 쉽게 이해하실 수 있을거에요~
아니면 .. diplay:inline-block; 속성도 함께 검색해 보세요 ^^ -
중독된
제가 설명부족이었던듯싶네요 크기가 다른 이미지를 너비와 높이를 똑같이 300x300으로 맞춰주고 그상태에서 링크까지 걸려있는 상황인데 물론 div도 크기를 지정해서 그안에 이미지를 넣어줬고요 그게 지금 포지션을 잡아서 위치값을 줬어요 그런데 포지션이랑 위치값이 없이 width와 height로 이미지크기를 똑같이 한다음 일정간격으로 가로정렬을 할수있나싶어서요..ㅎㅎ;;
-
미라
img /img /img /img /img /img /img /img /...
img 태그는 기본적으로 inline 요소이기 때문에 장당 한줄이 아니고 가로로 쭉 나열되다가 해당 이미지 태그의 부모 블락요소의 너비의 끝에 도달하면 줄바꿈되어 다시 가로로 나열되는데요...
이미지 크기가 다르다면 윗줄과 아랫줄 이미지간의 상하 간격이 달라질 수 있는데,, 그 문제를 말씀하시는 건가요??
정확하게 어떤 문제에서 어떤 해결방법을 찾으시는지 제가 잘 이해를 못하 -
나라우람
엥? 장당 한줄씩말고 그냥 장수대로 코드만 나열하면 되요? 일정간격으로요?
-
이든샘
말씀하신 이미지 가로 정렬이 정확하게 뭘 말씀하시는지 잘 모르겠네요..
img 요소는 기본적으로 인라인 요소여서 붙여쓰시면 저절로 가로로 나열됩니다. 간격은 마진으로 주시면 되고요.
메이슨리 같은 방식을 말씀하시는 건가요? -
여신
해석을 해보세요 ~
너무 날로 드시려고 그러신다 ..
display:table-cell 을 검색해 보세요 라고 답 드린 겁니다.. -
연파랑
게시글좀 제대로 파악하세요
-
마음
야네ㅣ묘:ㅅ뮤ㅣㄷ-ㅊ디ㅣ dmf rjatorgo qhtpdy