🌟🌟🌟

말줄임.review { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;} p { text-align: center; width: 100%; overflow: hidden; word-wrap: break-word;} `overflow: hidden;` 박스에서 넘쳐난 텍스트 숨기기`white-space: nowrap;` 줄바꿈이 없어짐`text-overflow: ellipsis;` ... 말줄임 효과`word-break: break-all;` 어절이 유지되지 않고 끊어져서 줄바꿈 됨`word-wrap : break-word;` width를 초과하면 줄바꿈   배경 블러(반투명)..

📌Flex box행과 열 형태로 자식 요소를 배치하는 레이아웃 속성. 부모 요소 내부에 포함된 자식 요소들을 세로, 가로 중심부에 정렬하거나, 자식 요소의 너비를 동일하게 설정할 수 있다. 📌속성 html, body{ margin : 0; padding: 0;}.parent{ width: 500px; height: 600px; background-color: pink; display: flex; flex-direction: column; align-items: center; }.child{ width: 100px; height: 100px..