본문 바로가기
728x90

프로그래밍/HTML, CSS9

html th td 줄바꿈 제어하기 nowrap html table 안에서 th td 등등 사용하다보면 줄바꿈 현상이 나타난다. 그럴땐 nowrap 을 이용하면 강제로 사이즈를 잡아줘서 줄바꿈 현상이 일어나지 않는다 가나다라마바사아자차카타파하 위와 같이 이용하면 html 화면의 사이즈에 따라 줄바꿈이 일어날때 매출일자 이렇게 nowrap 을이용하여 width 뒤에 필셀 값을 넣어주면 된다. 픽셀값 말고 %를 이용시 width='50%' 처럼 입력하면 된다. 2020. 4. 15.
크롬에서 css 적용안될 때 이용법 크롬에서 F12를 눌러서 오른쪽에 개발자 도구가 뜨면 홈페이지 주소 옆에 새로고침에 마우스 우클릭을 하면 일반새로고침,강력 새로고침, 캐시 비우기 및 강력 새로고침이 있다 그중에서 강력 새로고침을 이용하면 css가 먹힌다 (옆에 적혀있는 단축키를 써도 무방하다) 2020. 4. 15.
html, css table 에서 td 최소 사이즈 넣는 법 html, css table 에서 td 최소 사이즈 넣는 법 11112222 내용1내용2 td 태그안에 nowrap 을 붙여주면 됨. 2020. 4. 9.
CSS 테이블 효과 .tbl {width: 400px; margin: 0 auto;}.tbl h1 {padding: 20px; text-align: center;}.tbl table {width:100%}.tbl table th,.tbl table td{padding: 4px; border: 1px solid rgba(223,223,223,1); color: rgba(55,55,55,1); text-align: center;}/* 그리드 헤드 */.tbl table thead th {padding: 6px; background-color: rgba(167,167,167,1); color: rgba(255,255,255,1);}/* 그리드 푸터 합계시 사용 */.tbl table tfoot th,.tbl table tfoot.. 2020. 3. 22.
728x90

티스토리툴바