html 메모

1688 단어 html요점
1. 블록 원소와 내연 원소의 주요 차이
A. 블록 요소는 자동으로 끝에 줄을 바꾼다. 그러나 내부 요소는 그렇지 않다. 여러 개의 내부 요소는 자동으로 한 줄로 배열된다. 예를 들어img 라벨이나span 라벨이 한 줄의 문자에 꽂히면 그는 이 줄의 문자와 한 줄로 배열된다. 만약에 이 줄의 문자에 블록 요소 라벨, 예를 들어div 라벨을 삽입한다면 이div 라벨은 스스로 한 줄을 독점할 것이다.div 블록 요소는 css-display: inline-block을 추가할 수 있는 줄을 보여 줍니다.
2. position:static 기본값.포지셔닝이 없으면 원소가 정상적인 흐름에 나타납니다(top,bottom,left,right 또는z-index 성명 무시).relative는 상대적인 포지셔닝 요소를 생성하여 정상적인 위치에 비해 포지셔닝을 한다.
2. bootstrap2의form에서 input type = "text"높이가 정확하지 않습니다
bootstrap2를 사용하여 input type="text"높이가 20px가 아니라 10px인 것을 발견했습니다. 반복적으로 검사한 후에 코드에 문제가 없는 것을 발견하면 html이 브라우저가 다른 버전의 html 페이지로 해석됨
2. 동적으로 추가된 button은 내용을 포함하여 응답이 없을 수 있습니다
동적 바인딩 이벤트 참조:http://blog.sina.com.cn/s/blog_70b0792b0100un1m.html
<button class='btn btn-default add'>
      <span class='glyphicon glyphicon-list'></span>  
<button>
$("#table").click(function(e) {
    if (e.target.className.indexOf("add") !=-1) {
        ...
    };
});

button에 클릭 이벤트를 설정하면'span'에 있는 아이콘을 눌렀을 때 button은 반응하지 않고 button을 눌렀을 때 다른 곳에서 반응합니다. button은 동적으로 추가된 것입니다. 이벤트 거품 귀속 이벤트를 사용하고 눌렀을 때 class로 촉발 대상이 맞는지 판단합니다.스폰을 눌렀을 때 스폰의class를 가져왔습니다. button의class가 아니라 오류가 발생했습니다.3.
의 button type = "submit"및 그 클릭 이벤트의 Jquery.post () 코드 충돌로 알 수 없는 움직임을 일으켜 type="submit"을 type="button"으로 바꾸면 됩니다.참고: 항상 버튼에 type 속성을 지정하십시오.Internet Explorer의 기본 유형은 "button"이고 다른 브라우저(W3C 규범 포함)의 기본값은 "submit"입니다.4. 스크롤 바를 합쳐서 가장 바깥쪽의overflow:auto를overflow:scroll 5.스크롤 바 웹 페이지 스크롤 바 너비 = window.innerWidth-$("body").width()

좋은 웹페이지 즐겨찾기