집 > 기사 > 웹 프론트엔드 > img와 범위를 div의 수직 중앙에 맞추려면 어떻게 해야 합니까?

img와 범위를 div의 수직 중앙에 맞추려면 어떻게 해야 합니까?

php中世界最好的语言원래의: 2018-01-20 09:59:137427검색

이번에는 div에서 img와span을 세로로 가운데 맞추는 방법을 보여드리겠습니다. div에서 img와span을 세로로 가운데 맞추는 경우의 주의 사항은 무엇입니까? 다음은 실제 사례입니다.

<html>  
<head>  
<style>  
#test *{vertical-align:middle;}   
</style>  
<body>  
<div  
id="test">  
<img  
src="http://127.0.0.1:7001/wsc/images/message.png"/>  
<span>sdfhsdhfdksfjhtes:</span>  
</div>  
</body>  
</html>

참고: #test *{vertical-align:middle;}s

#test *는 범위, 입력 및 img와 같은 인라인 요소를 포함하여 div의 모든 요소를 나타냅니다.

vertical-align
초기값: 기준선(기본값)
상속성: 아니요
적용 대상: 인라인 요소
설명: Vertical-align:baseline은 요소의 기준선을 상위 요소의 기준선에 맞춰 정렬합니다.
경고: 수직 정렬은 표 셀의 내용 정렬에 영향을 미칠 수 없으며 블록 요소의 내용에도 마찬가지입니다.

참고: 수직 정렬은 범위, img, em, 입력, a 등과 같은 인라인 요소에만 영향을 미치며 div, h3, p 등과 같은 블록 요소에는 유효하지 않습니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!