span
정확히 정의 된 높이를 가진 요소 를 얻으려고합니다 (이 예에서는 23px
). 그러나 브라우저는 요소에 일부 픽셀을 추가합니다.
아무하지 padding
않으며 margin
, 그것은 더 큰 실제 텍스트입니다. 텍스트 높이 (및 span
높이 포함)를 어떻게 얻 23px
습니까?
요구 사항 :
span {
font-size: 23px;
line-height: 23px;
border: red dashed 1px;
}
<span>This element is ...x28 (...x30 with border), but should be ...x23 (...x25 with border).</span>
댓글에서 Alohci가 제공 한 답변 :
지금은 할 수 없습니다. 23px 및 상승 및 하강 글꼴 메트릭을 기반으로 계산을 수행해야합니다. 그러나 현재 CSS는 해당 계산에 대한 글꼴 메트릭을 노출하지 않습니다. 글꼴 메트릭스를 공개 할 계획이 있다고 생각하지만 어떤 형식을 취할지 확실하지 않습니다. 어쨌든 지원하는 브라우저는 없습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다