img와 범위를 div의 수직 중앙에 맞추려면 어떻게 해야 합니까?
- php中世界最好的语言원래의
- 2018-01-20 09:59:137505검색
이번에는 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 중국어 웹사이트의 다른 관련 기사를 주목하세요!
관련 읽기:
H5의 sse 서버를 사용하여 EventSource 이벤트를 보내는 방법
H5의 로컬 스토리지 및 로컬 데이터베이스에 대한 자세한 소개
위 내용은 img와 범위를 div의 수직 중앙에 맞추려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.