div 설정 표시 및 숨기기, 경계 등
2319 단어 div 설정 표시 및 숨기기div 경계 설정
페이지에서 직접 할 수 있다.
<div id="hid1" style="visibility:hidden; display:none">
<div id="hid1" style="display:none">
<div id="hid1" style="visibility:hidden">
visibility:hidden/visible / ( )
display:none/block ( )/ ( )
css에도 쓸 수 있어요.
자바스크립트로
document.all("idname").style.display="none";
------------------------------------------
CSS/div
1. margin 바깥쪽 간격, 즉 div와 div 간격
2. padding은 일반적인 CSS 스타일로 padding 안의 간격을 이용하여 위, 아래, 왼쪽, 오른쪽 대상의 내용과 네 개의 간격을 설정할 수 있다.
divcss
float 부동 사용법 (left right) Float는 항상 속성 값 left, right, none과
Float:none은 부동을 사용하지 않습니다.
Float:left 좌측 부동
Float:right 우측 부동
-------------------------------------------
div 표시 및 숨기기
visibility가 숨긴 대상은 대상이 보일 때 차지하는 물리적 공간을 보존하고 디스플레이는 보존하지 않습니다.다음 코드를 저장하여 효과를 볼 수 있습니다.
구체적인 단계:
코드 예:
<div style="border:1px solid #000;background:#eee">
<span style="width:200;height:200;visibility:hidden"></span>
←SS visibility:hidden
</div><br>
<div style="border:1px solid #000;background:#666">
<span style="width:200;height:200;display:none"></span>
←SS display:none
</div>
특별 힌트
visibility 속성으로 숨겨진 대상이 표시될 때의 위치를 제어하고 디스플레이는 없습니다.
특별 설명
display 속성은 요소의 표시 방식을 설정합니다. 대응하는 스크립트의 특성은 display이고 선택할 수 있는 값은 none, Block, inline입니다. 각 값에 대한 설명은 다음과 같습니다.
none은 요소를 숨깁니다. 요소가 보일 때의 공간을 남기지 않습니다.
블록 방식으로 요소를 표시합니다.
inline은 요소를 인라인 방식으로 표시합니다.
inline-block 대상은 내장 요소로 표시되지만, 모든 하위 대상은 블록 요소로 표시되며, 인접한 내장 요소는 같은 줄에 표시되며, 빈칸을 허용합니다.
list-item은 블록 요소를 목록 대상으로 표시하고 항목 문장부호를 추가할 수 있습니다.(IE6.0+ 지원 필요)
table-header-group은 요소를 표 제목 그룹으로 표시합니다. 이것은 tHead 요소와 같습니다.
table-footer-group은 tFoot 요소에 해당하는 요소를 테이블 바닥글 그룹으로 표시합니다.
visibility 속성 설정은 요소를 표시할 지 여부입니다. 대응하는 스크립트 특성은visibility이고 선택할 수 있는 값은 inherit,hidden,visible입니다. 각 값에 대한 설명은 다음과 같습니다.
inherit는 부모 요소의visibility 속성 설정을 계승합니다.
hidden은 요소를 숨기지만, 차지하는 공간을 보존합니다.
visible은 요소(기본값)를 표시합니다.