검색 위젯의 레이블을 입력 텍스트로 정렬하고 싶습니다. 모든 브라우저에서 정렬되지 않았습니다. 모든 CSS 팁? 다음 왼쪽과 위쪽 속성은 그에서 주변의 위젯을 이동검색 가젯의 입력 텍스트와 레이블을 일치 시키십시오.
<label for="edit-search" style="float: left;">Search</label>
<span class="views-widget">
<span id="edit-search-wrapper" class="form-item">
<input type="text" class="form-text" title="Enter the terms you wish to search for." value="" size="15" id="edit-search" name="search" maxlength="128">
</span>
</span>
</div>
해결 방법은 선 높이 값 속성을 조정하는 것입니다.
<div style="position:relative;left:-10px;top:25px;">
<span class="views-widget">
<span id="edit-search-wrapper" class="form-item">
<input type="text" class="form-text" title="Enter the terms you wish to search for." value="" size="15" id="edit-search" name="search" maxlength="128">
</span>
</span>
</div>
는 위치의 상대가 자연 문서 흐름에 있어야 위젯 디스플레이를 만들 것입니다 :
이 덕분에
내 코드입니다 위치. 오른쪽 및 아래쪽 속성이 없으므로 음수 값을 사용할 수 있습니다.나는 실제로 플로트를 사용하고 있습니다 : 왼쪽은 동일하지 않습니까? – aneuryzm
CSS 팁을 묻습니다. javascript.BTW에 태그를 붙였습니다. 검색 라벨은 어디에 있습니까? 그것은 완전한 코드인가? –
나는 실제로 CSS로 바뀌었고 코드를 수정했습니다 ... – aneuryzm
어떤 도움이 필요합니까? 나는 그것에 붙어있어 조금 .. 감사합니다 – aneuryzm