CSS의 크기가 균일 한 버튼입니까?

균등 한 크기의 CSS 버튼 링크를 만들려고합니다. 테이블에 3x5로 배열 된 15 개의 버튼이 있습니다. 단추 중 첫 번째 열이 다른 열보다 넓기 만하면 단추 모양이 더 긴 텍스트이기 때문에 멋지게 보입니다.CSS의 크기가 균일 한 버튼입니까?

html로 :

<tr> 
     <td><a href=""><div class="btn">Flash</div></a></td> 
     <td><a href=""><div class="btn">Photoshop</div></a></td> 
     <td><a href=""><div class="btn">Fireworks</div></a></td> 
    </tr>

CSS의 :

.btn { 
    width:100%; 
    padding: 3px 0px; 
    background-color: grey; 
    text-align: center; 
    -webkit-border-radius:10px; 
    -moz-border-radius:10px; 
    border-radius:10px; 
    border:1px solid black; 
    position:relative; 
    bottom:3px; 
    right:2px; 
    -webkit-box-shadow: 1px 2px black; 
    -moz-box-shadow: 1px 2px black; 
    box-shadow: 1px 2px black; }

사람이 폭을 고정하지 않고 동일한 크기로 모든 버튼을 강제하는 솔루션이 있습니까?

td { 
    width: 33.33%; 
}

출처

2012-09-13 cream

은 그냥 td의 비율 폭을 제공합니다.

출처

2012-09-13 04:12:56

당신은 대답을 받아들이고이 대답은 당신을 위해 일했다면 그에게 신용을 제공해야합니다 – Mark

CSS의 크기가 균일 한 버튼입니까?

답변

관련 문제