누군가 내 버튼이 크기를 조정하지 않는 이유를 말해 줄 수 있습니까?

Question

버튼에 사용하는 DIV에 무엇을 설정하든 크기 조정되지 않습니다. 올바른 파일을 업로드하고 있으며 서버가 변경되어 있지만 얼마나 많이 새로 고치더라도 아무 일도 일어나지 않습니다. 답변을 받으면 광고로 사용할 수 없도록 URL을 삭제하겠습니다.

URL 제거

Answer 1

여기서 문제는 명시 적으로 제어 할 수없는 인라인 요소를 크기를 조정하려고한다는 것입니다. 요소의 높이와 너비를 설정하려면 디스플레이 모드를 "블록"으로 설정하고 플로트를 사용하여 요소를 가로로 정렬해야합니다.

div .button {
   display: block;
   -moz-border-radius: 25px;
   -webkit-border-radius: 25px;
   border: 3px double #F1A631;
   background-color: #FCFF68;
   float: left;
   width: 150px;
   height: 30px;
}

또한 왼쪽에서 오른쪽으로 표시되도록 DIV를 리버스 순서로 재 배열해야합니다. CSS2에는 "인라인 블록"이라는 디스플레이 속성이 있으며,이를 수정하도록 설계되었지만 보편적으로 지원되지는 않습니다.

Answer 2

CSS에서 요소 디스플레이 : 인라인 가질 수 없다 너비 또는 키 그들에게 적용. 당신은 필요합니다 디스플레이 : 인라인 블록 그에 대한. 즉 너비 나 높이를 제공하면 인라인 요소를 인라인 블록으로 잘못 변환합니다. Fortunatley, Firefox 3이 출시 된 이래 최소한의 해킹만으로 인라인 블록을 사용할 수 있습니다.

Firefox 2 호환성 없음 :

.ib { display: inline-block; zoom: 1; *display: inline; }

예제 HTML

<div class="ib button">My button</div>

Firefox 2 호환

.ib{ display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }
.button { display: block; }

예제 HTML

<div class="ib"><div class="button">My button</div></div>

.Button 구현에서는 디스플레이를 제거해야합니다 : 인라인 부분.