210812 개발일지

1) 학습한 내용

github

• 두줄이 넘어가면 말줄임(...)으로 바꿀 시,
  ->overflow:hideen; 넣고 p태그의 max-height을 적용
  아래의 코드 자체가 두줄 말줄임 예시 (저대로 사용해야함)
  cf. 3줄로 하려면 max-height를 화면 보고 맞춰 수정, webkit-line-clamp를 3으로 수정

  display: -webkit-box;
  overflow: hidden;
  max-height: 38px;
  -webkit-line-clamp: 2; (몇줄까지 나타낼지)
  
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;

---

---

---

• 코드작성순서 참조)
  오버플로우, 디스플레이, 포지션-공간배치-서체 및 폰트

---

2) 학습내용 중 어려웠던 점
3차원 공간 크기와 배치

3) 해결방법
비율과 left, right를 넣어보며 수정 및 확인 하였다.

4) 학습소감
차곡차곡 쌓아가는 중인것 같다.