수직 상속 CSS 속성을

바이올린을 부정, 링크 상자에 텍스트를 정렬 : http://jsfiddle.net/jgallaway81/ax9wh/수직 상속 CSS 속성을

<a href="lcars.jfx.php" class="leftbuttons buttonlinks antibutton"> 
    LCARS Locomotive O.S. 
</a>

내 문제는 그래픽의 텍스트 레이블입니다. 이 사이트는 텍스트와 크기 만 다른 버튼 디자인을 사용하고 있습니다. 처음에 시스템 (페이지 : http://www.fccorp.us/development/index.php, 그 다음에 http://www.fccorp.us/development/index.fccorp.php)을 디자인 할 때 나는 여백 & 패딩 CSS 컨트롤을 사용하여 텍스트를 단추 내에서 세로로 가운데에 맞 춥니 다. 그러나 글꼴 높이가 static에 달려 있습니다. 이제 키가 큰 글꼴을 사용하고 싶고 자동 중심 높이에 맞출 수 없습니다. 나는

.leftbuttons { 
    width:335px; 
    height:40px; 
    padding:**auto** 
    20px **auto** 
    45px; font-size:1em; 
    border-style:solid; 
    border-width:0px; 
    font-family:Arial; 
    font-weight:900; 
    margin-left:10px; 
    margin-right:20px; 
    margin-top:20px; 
    margin-bottom:20px; 
    text-align:center; 
    display:inline-block; 
    background-image: url(http://img580.imageshack.us/img580/1461/lcarssitebutton.png);

}

을 시도하지만 일을 결국 모든 이미지를 위로 자르고 있었다.

내가 얻으려고하는 것을 얻기 위해 .antibutton을 사용하여 다른 클래스의 몇 가지 세부 정보를 재정의하려고합니다. 만약 내가 vertical-align이라는 텍스트를 풀 수 있다면 (또는 멋진 코더가 무엇인지 알아낼 수있다.) 텍스트 줄에서도 단추의 아래쪽 정렬을 원한다.

의견이 있으십니까?

출처

2013-03-25 J.D.

고유 케이스에 line-height:을 추가하면 어떨까요?

예를 들어, line-height: 40px;에서 a.buttonlinks까지를 추가했으며 세로로 세밀하게 가운데에 맞 춥니 다.

출처

2013-03-26 00:06:52 Brad

당신은 아마도 그걸로하고 싶을 것이다. 사용자의 글꼴 크기는 em입니다. 그렇다면 확대/축소시 라인 높이를 왜 잡아 당겨야합니까? – Ojame

네가 맞다. 주로, line-height가 문제를 해결합니다. – Brad

이유 : 링크 서식을 CSS에 추가하지 않았기 때문입니다. 나는 다른 수업에서 시험을 보았는데 결코 효과가 없었습니다. 3 링크 클래스에 추가하고 버튼 클래스의 다른 두 가지 유형을 조정하고 완벽하게 작동합니다, 감사합니다. –

수직 상속 CSS 속성을

답변

관련 문제