이미지와 텍스트 세로 정렬(?)...
라임나무
아무리 머리를 쥐어짜봐도 생각이 안나서 글을 올립니다. ㅠ.ㅠ
소스는 간단하게 그냥 dd/dd 안에 이미지와 텍스트가 같이 들어가게 되는 건데요...
위에 A 처럼 이미지가 텍스트보다 높게(?) 나옵니다.
B처럼 이미지와 글씨가 가운데 줄에 보기 좋게 정렬이 되면 좋겠는데 생각처럼 잘 안되네요...
어떤 방법을 써야 속 시원하게 해결 할수 있을지 도움 부탁드립니다.
^^ 구럼 수고하세요~~
-
큰맘
\absalign\ 이테그는 validation 통과가 안되네요.
-
가시
어떤 의도인지는 잘 모르겠으나..
별표와 평점이 함께 나와야한다해도 두개가 분리되어야할 것 같습니다.
구조적인 마크업때문이기도 하지만, 그렇게 되면 각각이 블록화 되어 width, height 값을 가지게 될것이고 정렬이 훨씬 쉬워집니다.
dtA/dtdd별표/dddd평점/dd 하시고 dd 를 float 으로 정렬 하시고, padding 등으로 위치를 잡으시면 좋을듯 합니다. -
난길
길// 이곳에선 인익 전용 팁을 올리는것은 흠 *_*;;;;
표준 퍼블리싱을 위한 팁을 올려주세요 absalign 인익용이며 비추태그 인걸로 알구 있습니다. valign 또한 vertical-align 을 사용 하시구요 !! -
얀
맨위 리플 오타; magin: 0 0 -3px 0 0; ;; 물론 비추지만;;
-
Regretting
valign=\absmiddle\ 이 것도 있습니다.ㅎ
-
공주
이미지에 3px여백이 안생기게 하시려면 block속성으로 바꿔주시던가 아니면 vertical-align: top;을 해주시면되고요. 중앙 정렬을 하시려면 초천재님 말씀대로 하시면됩니다.
-
크리미걸
글씨를 블록해보시면, 밑에 최소 3~4px 이나 여백이 남으시나요? 그렇다면 margin: 0 0 3px 0; 스타일 입혀보시기 바랍니다 .display: block; 속성도 있습니다.
-
단화한
이미지에 img src=\어쩌구\ style=\vertical-align:middle\ 이거 찾으시는건지?