개발 디자인 팁 2

<table> 에서flex, block이나 상대적인 width 적용하기 (html, css)

은 기본적으로 display: table이 적용되어 있으며 아래의 요소들(, ,,)역시 기본 display가 존재하기에 나 에게 display: flex를 적용하거나 가로,세로 길이를 상댓값으로(%) 정할려면 상위의 요소들의 display를 전부 바꿔줘야합니다. 설명은 여기서 줄이고 바로 소스코드를 보여드리겠습니다. // css table { border-collapse: collapse; /* flex 일때 */ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; /* block 일때 */ display: block; width: 100%; } tbody { display: inline-flex;..

다양한 무료 아이콘(SVG) 다운받는 방법 (사이트 추천)

저작권에서 자유로운 아이콘을 다운로드하기 위해 삽질을 하고있다면 아래 사이트를 참조하여 효율을 올릴 수 있습니다.*주의*대부분 영리 목적으로 사용가능이지만 혹시모르니 license를 확인하여 주세요!SVG RepoEdit Vector를 클릭하여 수정할 수 있습니다.색깔을 바꿀 수 있으며 아이콘 사이즈, 패딩, 아우트라인 크기와 색깔... 등등 사용자 지정 기능이 많으며 svg, png 형식으로 export 할 수 있습니다. 이외에도 컬러풀한 아이콘들도 존재하니 라이센스(저작권)(이)가영리 목적으로 가능한지, 2차 창작이 가능한지 확인하시면서 이용하면 될 것 같습니다!

반응형