기초코드 12

HTML, CSS 글자수 1줄, 2줄이상일때 처리방법

한줄일때 p { width: 6rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } width 값을 지정해야 한다! overflow: hidden;, white-space: nowrap; 으로 설정한다. 두줄이상 p { width: 6rem; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; // 원하는 라인수 -webkit-box-orient: vertical } white-space:nowrap을 하면 두줄이상이 될 수 없으므로 word-break: break-word;으로 변경하..

기초코드 2022.12.02

메뉴박스 노말라이즈

/* ----------HTML부분--------- */ 메뉴 아이템 1 메뉴 아이템 2 메뉴 아이템 3 메뉴 아이템 4 /* ----------CSS부분--------- */ /* 바디 노말라이즈 */ body { margin:0; } /* ul, li 노말라이즈 */ ul, li { margin:0; padding:0; list-style:none; } /* a 노말라이즈 */ a { color:inherit; text-decoration:none; } /* 커스텀 */ /* 타이틀 */ .title { text-align:center; } /* 메뉴 박스 */ .menu-box { margin-top:50px; text-align:center; } /* 메뉴 */ .menu-box > .menu {..

기초코드 2022.10.20