문제는 선으로 높이와 정렬

Question

저는 요소와 그것이 가능한 것은 더 이상 하나 이상의 선을 설정하 line-height>1 그렇지 않으면 그것은 보니다.하지만 만약 내가 할인보다 높은 텍스트와 텍스트 중심입니다.그래서 그것은 일치하지 않습니다.을 변경하려면 어떻게 해야 하나요 위치의 텍스트의 맨 위에 라인,또는 다른 방법이 있을 얻을 어떤 공간 사이에 두 개의 선?

Answer 1

높이 라인에 의해 정의 센터 글꼴 크기 내의 주인이다.이 있는 경우 12px 글꼴 및 16px line-height,텍스트 내에서 중심에 위치 16px 를 떠나,2px 모두에서 상단과 하단에 있습니다.

하나의 솔루션을 밀어 이 텍스트까지 유지하면서 높이 라인은 부정적인 여백하는 요소와 그것을 밀어 부정적인:

float: left;
margin-top: -2px;

Answer 2

이것을 보십시오:

<style type="text/css">
.spacer
{
 line-height:1px;
}

.spacer:after
{
 content:".";
 visibility:invisible;
 line-height:1px;
}
</style>

당신이 증가할 수 있습 높이 라인에서 위 CSS 코드가 있고 이를 다음과 같이 사용:

your line one
<p class="spacer"></p>
your line two