0
Div 요소의 세로 중간에 텍스트를 정렬하려면 position:absolute 속성이 지정되어 있어야합니다.Div의 세로 중간에있는 텍스트
설정 display:table-cell; vertical-align:middle;이 작동하지 않습니다.
감사합니다.
A
답변
1
내부 div를 감싸고 절대 값을 에 더하여 position:relative; top:-50%;으로 지정하십시오.
복잡한 스타일링이라도 CSS를 제공하십시오.
line-height은 한 줄의 텍스트 일 뿐이므로 absolute 규칙을 없애야합니다.
+0
답장을 보내 주셔서 감사합니다. 내 코드는 다음과 같습니다 : body> div (여백 : 절대 위치 : 0 자동, 위치 지정> div 절대 위치 (반복 요소)> 다른 태그 + div div는 수직 중심의 텍스트를 넣고 싶습니다. 알 수없는 줄 번호가 있습니다. 상위 : 0과 하위 : 0이므로 상위 div만큼 높습니다. 복잡해 보입니다 ... 죄송합니다. – Francisc
관련 문제
- 1. div의 세로 정렬 방법
- 2. 텍스트 필드의 세로 정렬
- 3. 세로 텍스트 스크롤러 jQuery
- 4. 탭의 세로 가운데 텍스트
- 5. CSS 세로 텍스트 중심
- 6. 세로 가운데 맞춤 텍스트
- 7. Reporting Services의 세로 텍스트
- 8. ImageMagick : 세로 가운데 텍스트?
- 9. div의 중심에 텍스트 정렬
- 10. HTML의 세로 맞춤에 일반 텍스트
- 11. 오른쪽 맞춤 TabControl의 세로 텍스트
- 12. 텍스트 변경 문자의 세로 맞춤
- 13. html 양식 세로 텍스트 필드
- 14. 표 셀의 텍스트 세로 정렬
- 15. div의 텍스트 (CSS) 영구 헤더
- 16. 현지화 할 문자열의 중간에있는 인수
- 17. HTML 파일 중간에있는 설정 지점에서 컨텍스트 추출
- 18. 세로 정렬! div의 세로 높이를 모른 채 작동 시키려면 어떤 방법이든 사용할 수 있습니까?
- 19. 테이블 TD에 표시 할 세로 텍스트?
- 20. 컨테이너의 세로 맞춤 텍스트 웹킷과 파이어 폭
- 21. 스윙 구성 요소 : 세로 텍스트 질문
- 22. javascript에서 div의 텍스트 내용을 지우려면 어떻게해야합니까?
- 23. CSS - 불투명도가 낮은 div의 불투명 한 텍스트?
- 24. 세로 대신 세로 모양
- 25. div의 왼쪽, 왼쪽에 쓰기
- 26. 클라이언트 보고서 정의 (.rdlc) 텍스트 상자 세로 맞춤 텍스트
- 27. 선의 중간에있는 데이터를 기반으로 선 정렬 (파이썬에서)
- 28. h3-text의 세로 정렬
- 29. 세로 꼬리 TextView
- 30. 보고서 뷰어의 세로 레이블
모든 요소에 포함 된 텍스트가 다른 요소,'p','span','div' 또는 유사합니까? 관련 섹션의 정확한 HTML을 게시 할 수 있습니까? –