양식 입력 요소 및 너비

Question

잠시 동안 양식 요소에 너비를 사용하여 입력 요소를 배치했습니다. div 태그를 적용한 다음 input 및 textarea와 같은 모든 양식 요소에 % 너비를 적용합니다.

몇 가지 예를 마크 업이 될 수 있습니다

는

<div class="span4"> 
    <label>Form Label</label> 
    <input type="text" value="My Value"/> 
</div> 

는 CSS는 다음이 포함됩니다 :

form input, form textarea { 
    width: 95%; 
} 

내가 또한 양식의 크기 정보를 지정하는 것을 방지하기위한 수단으로이 마련 원래했다 요소뿐만 아니라 블록 요소. 어쨌든, 이러한 접근 방식을 통해 나는 이러한 편리함이 다른 것들을 무너 뜨리는 시나리오에 지속적으로 등장하는 것처럼 보입니다. 요소 옆에 단추를 놓을 때.

제 질문은 양식 요소에 다른 사람이 직접 사용하고있는 너비를 배치하는 좋은 대안이 있는지 여부입니다.

Answer 1

당신은 속성 선택기를 사용할 수 있습니다

form input[type="text"], form textarea { 
    width: 95%; 
} 

또는

form input, form textarea { 
    width: 95%; 
} 
form input[type="button"]{ 
    width:auto; 
} 

하지만 당신이 올바른 방법으로 일을했다 : CSS는 스타일을 정의하도록하고, 폭 스타일이다.

Answer 2

응답 성이 뛰어난 디자인 프레임 워크를 사용해 보셨습니까? 요소에 확장 성을 부여하려고 할 때 이미 너비로 퍼센트를 사용한다면 부트 스트랩을 트위터로 시도해야합니다. (유체 및 열 스타일 그리드를 수행 할 수 있음). 그 후에는 웹 사이트를 맞춤 설정하고 핵심 기능을 프로그래밍하는 데 중점을 둘 수 있습니다. 이렇게 많은 사소한 기본 레이아웃 문제를 생각할 필요가 없습니다.