동일한 스타일의 <h : commandLink>와 <h : commandButton> 사이의 CSS 문제

Question

예제 응용 프로그램에서 JSF 페이지 아래쪽에 3 개의 동작 버튼이 있으며 2 개의 명령 버튼과 하나의 명령 링크로 디자인되었습니다. 문제는이 3 가지 스타일 클래스에 동일한 스타일 클래스를 지정했지만 명령 행이 한 줄에 올바르게 표시되지만 명령 줄이 같은 줄에 나타나지 않는다는 것입니다. 이 페이지 A에

예에 의한이고 B는 C는 I가 동일한 하나의 줄에 표시해야

----------------------------------------- 
|          | 
|          | 
|          | 
|          | 
|      ----- -----  | 
|     ----- | B | | c |  | 
|     | A | ----- -----  | 
|     -----     | 
----------------------------------------- 

기준이다. 이 버튼의 스타일 클래스는 다음과 같습니다. 이 3 코딩

.ButtonStyle{ 
    border: 1px solid #999; 
    padding:1px 4px 1px 4px; 
    color: #333; 
    background-color: #e7e7e7; 
    text-decoration: none; 
    margin-right: 10px; 
    display: inline; 
    cursor:pointer; 
} 

은 다음과 같습니다

<div align="right'> 
<h:commandLink id="" action=".." value="A" styleClass="ButtonStyle"/> 
<h:commandButton id="" action=".." value="B" styleClass="ButtonStyle"/> 
<h:commandButton id="" action=".." value="C" styleClass="ButtonStyle"/> 
</div> 

내가 <h:commandbutton>과 일치하지 않습니다 <h:commandlink> 스타일에 발견 된 문제.

아무도 내가이 문제를 해결할 수 있습니까?

Answer 1

방화 광구를 가져 와서 해당 요소의 CSS를 분석하려고합니다. 귀하의 링크와 버튼은 다른 CSS 정의에서 상속받을 수 있습니다.

Answer 2

이 (내가 JSF에 익숙하지 않아요 때문에 내가 조금 추측하고있어) 시도 :

는

.ButtonStyle { 
    vertical-align: top 
} 

기본 vertical-align은 ASCII 예술과 같을 것이다 baseline이다.