html, css, javascript17 [html,css] table(표) 배경색 넣기 / 줄바꿈처리 / 가로스크롤 1. 테이블 줄바꿈 처리 html 타이틀 타이틀 타이틀 내용이 많아도 영역 밖으로 흘러 넘치지 않습니다.내용이 많아도 영역 밖으로 흘러 넘치지 않습니다. 내용 내용 내용 내용 내용 내용 내용 내용 css .table01 { width:500px; margin:0 auto; table-layout:fixed; text-align:center; } .table01 thead tr {background:#444;} .table01 thead tr th { padding:5px 0; color:#fff;} .table01 tbody tr td { padding:5px 0; line-height:1.5;} .table01 tbody tr {border-bottom:1px solid #ddd} .table01 tb.. 2020. 2. 26. [html,css] table-cell, table-layout 속성으로 너비고정 하기!! 부모 : display:table; table-layout:fixed; (display:table에 width:100%을 함께 써줘야함) 자식 : display:table-cell; 부모 요소에 table-layout 속성값을 fixed로 지정하면 셀안에 데이터 값의 길이가 길어져도 셀 너비는 고정되며, 넘치는 데이터값은 줄바꿈처리 됩니다. 자식 요소에 display:table-cell을 주면 li의 개수만큼 동일한 너비의 셀이 생성됩니다. 1, html 타이틀 입력 내용을 입력해주세요. 타이틀 입력 내용을 입력해주세요. 타이틀 입력 내용이 길어져도 셀 너비는 고정됩니다. 내용이 길어져도 셀 너비는 고정됩니다. 2. CSS .list_wrap {min-width:1000px; max-width:1400p.. 2020. 2. 26. [Jquery]레이어팝업 "오늘은 그만보기 / 닫기" 버튼 제이쿼리 [결과보기 - 캡쳐] 1 - html 1 1 1 2 2 2 3 3 3 4 4 4 오늘은 그만보기 닫기 2 - CSS .wrap {min-width:1200px; margin:0 auto; position:relative;} #popup {position:absolute; top:100px; left:50%; transform:translateX(-50%); z-index:1000; width:500px; height:500px; background:pink; display:none;} table {width:350px; table-layout:fixed; text-align:center;margin:180px auto 0;} table tr th { background:#eee;} table tr td .. 2020. 2. 20. [javascript, jquery] 조건문 => 부등호연산자 부등호 연산자 + 더하기 - 빼기 * 곱하기 / 나누기 % 나누고 남은 수 ++ 값 + 1 -- 값 - 1 [ex] a=10, b=5, c=결과 라고 가정했을 때 + | 더하기 | c=a+b | 15 - | 빼기 | c=a-b | 5 * | 곱하기 | c=a*b | 50 / | 나누기 | c=a/b | 2 % | 나누고 남은 수 | c=a/b | 0 ++ | 값 + 1 | c=++a | 11 -- | 값 - 1 | c=--a | 9 > ~보다 크다 = ~보다 크거나 같다 2 | d는 2보다 크다 | true d = 20 | d는 20보다 크거나 같다 | false d 1(a은 20 보다 작고 '그리고' b는 1보다 크다) | true ||.. 2019. 12. 4. 이전 1 2 3 4 5 다음 반응형
