레티나
-
[Day 17] 드롭박스 구현 코드리뷰 & CSS 실무 테크닉TIL/멋쟁이사자처럼 FE스쿨 2기 2022. 4. 20. 00:48
1. dropbox 구현 코드리뷰 후 알게된 점 원래는 셀렉트박스로 마크업을 해야하지만, 드롭박스 디자인을 바꿀 수 없기 때문에, 바꾸기 위해서 ul>li>button으로 마크업을 대체한다. 그러면 아래와 같이 전체 코드가 완성된다. 최애 프로그래밍언어를 선택해 주세요 최애 프로그래밍 언어 Python Java JavaScript C# C/C++ 여기서 버튼에 글자 수가 많아져도 ...처리를 할 수 있는 말줄임을 위해서 txt-ellipsis 클래스를 넣어서 다음과 같이 css 처리를 할 수 있다. 말줄임 처리에 대한 자세한내용 참고 https://deeplify.dev/front-end/markup/text-ellipsis [HTML/CSS] 말줄임 표시 하는 방법: 1줄, 2줄 예제 html과 CSS..