celine

[이슈사항] - 소개하고 싶은 글이 2줄이하일 때는 더보기 버튼이 보이지 않아야합니다. - 2줄이상일 때는 더보기 버튼이 보여야하며, 더보기버튼 옆 화살표가 아래로 내려가 있는 모양이어야합니다. - 더보기 버튼이 펼쳐져있을 때는 화살표가 위로 올라가는 모양이어야합니다. [2줄 이하 일 때 더보기 버튼이 사라지게 하기] 1. 전체를 감싸는 div(infoIntroWrap)의 height를 80px로 설정해줍니다. 2. 소개하는 글의 div ( infoIntro)의 height가 80px보다 작으면 더보기버튼(btnMore)을 지워줍니다. [2줄 이상일 때 더보기 버튼이 보이게 하기] -더보기 버튼 클릭 시 - 1. infoIntroWrap의 height가 80px이 넘어가면 보이지 않게 overflow:h..

[탭 메뉴 클릭시 width가 늘어나는 현상을 해결하기 위한 방법] tab 메뉴 클릭 시 border를 적용하면서 border의 px만큼 늘어나 클릭 시 메뉴가 흔들리는 이슈가 있었습니다. px이 늘어나지 않게 하면서 border를 주기 위한 방법으로 box-shadow를 inset으로 적용하였습니다. box-shadow: 0 0 0 3px inset; .tab { width: 250px; height: 50px; background: yellow; border: 1px solid #333; box-shadow: 0 0 0 3px inset; text-align: center; line-height: 50px; } https://developer.mozilla.org/ko/docs/Web/CSS/box-..