수직 정렬 애플리케이션_CSS/HTML 살펴보기

valign과의 비교

Xiaoyu 매뉴얼의 수직 정렬에 대한 설명은 객체 내용의 수직 정렬을 설정하거나 검색하는 것입니다. 내가 잘 이해하지 못하는 것은 수직 정렬의 범주가 "속성/텍스트"라는 것입니다

O3noBLOG는 특히 수직 정렬과 valign의 차이점을 강조합니다. 실제로 수직 정렬의 가장 일반적인 적용은 그래야 합니다. td에 있고 내부 객체의 위치를 ​​제어하며 td의 valign 속성과 매우 유사합니다.

valign에는 top,baseline,bottom,middle의 네 가지 매개변수가 있습니다. 상대적으로 수직 정렬도 동일한 속성 값을 갖습니다. 다음은 td 컨트롤과 비교한 것입니다.

td의 기본 valign="middle"을 피하려면 Vertical-align:top;을 사용하는 것이 좋습니다. 물론 td를 제어하려면 Vertical-align:middle;을 사용할 수도 있습니다. div에는 확실히 유효하지 않습니다.
효과 시연:
http://www.rexsong.com/blog/attachments/20...1246_valign.htm

align과 비교

w3의 팁을 따르고 img 제어와 같은 인라인 객체에 수직 정렬을 사용하므로 img의 정렬 속성과 유사합니다.
img가 완전히 중앙에 오도록 제어하기 위해 align="absmiddle"을 사용하는 경우 더 명확하게 비교하기 위해 Vertical-align:middle을 사용할 수도 있습니다.

따라서 실제 절대 센터링은 CSS를 사용하여 대체할 수 없는 align="absmiddle"입니다.

효과 시연:
http://www.rexsong.com/blog/attachments/20...41444_align.htm

인라인 애플리케이션

은 인라인 개체의 세로 위치를 결정하는 데 사용됩니다. 두 가지 예를 참조하세요.
작은 그림:
http://www.rexsong.com/blog/attachments/20.. .ignmenttest.htm

큰 이미지:http://www.rexsong.com/blog/attachments/20...rticalalign.htm