예: 漢字
후리가나는 요소의 높이/레이아웃에 영향을 주지 않으며, 컨테이너는 오버플로를 숨깁니다. 예를 들어:
.topic-body .cooked의 스타일을 overflow: visible로 변경하면 이 문제를 해결할 수 있지만, 의도적이거나 불필요한 오버플로가 노출될 수도 있습니다.
macOS의 최신 Firefox(83.0b6)에서 확인되었습니다. Chrome(67)에서는 재현할 수 없습니다.
6개의 좋아요
이 문제를 보고해 주셔서 감사합니다!
.regular.contents의 margin-top: 15px을 .cooked에 padding-top: 15px으로 변경할 수 있을 것 같습니다… 이렇게 하면 동일한 간격을 유지하면서 오버플로를 숨길 수 있고, 상단에 15px의 추가 오버플로 공간이 생기는데(이것은 Furigana에 충분한 공간이 되어야 합니다)…
변경이 다른 문제를 일으키지 않는지 확인해야 하지만, 눈에 띄는 장애물은 보이지 않습니다…
6개의 좋아요
검토 대기열에 변경 사항이 있습니다
2개의 좋아요
이것이 병합되었습니다. 이 예제를 통해 실제 동작을 확인할 수 있습니다: 漢字
2개의 좋아요
이 주제는 5일 후 자동으로 닫혔습니다. 더 이상 답변을 할 수 없습니다.