728x90 300x250 SMALL Front-end323 flex 1 1 auto / flex 0 0 100px flex 코딩에서 흔히 볼 수 있는 1 1auto 속성 flex : 1 1 auto; 앞에서 flex-grow, flex-shrink, flex-basis 에 대해서 설명했었는데요 이 3가지를 한꺼번에 표현한 것입니다. https://moo-you.tistory.com/380 flex-grow 사용법 flex-grow는 0보다 큰 값을 세팅하면 Flexible 박스로 변하면서 남은 여백을 메우는 속성입니다. .item { display: flex; background: rgba(45, 183, 20, 0.5); flex-direction: column; justify-content: center.. moo-you.tistory.com https://moo-you.tistory.com/385 flex-sh.. 2021. 11. 16. w3c validator 밸리데이션 체크 코딩을 다 한 후에 유효성 체크(validation check) 하는 방법입니다. 아래 w3c 들어가서 markup에 대한 밸리데이션 체크를 해 볼 수 있습니다. https://validator.w3.org/ The W3C Markup Validation Service Validate by File Upload Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. validator.w3.org 접속하면 아래와 같은 사이트가 나오고 validate by URI 는 주소를 입력하고 체크를 누르면 됩.. 2021. 11. 15. css 말줄임 여러줄 일 때 글자가 길어질 때 ... 처리하는 방법입니다. 한줄일 경우 말 줄임 효과 css .txt { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } inline으로 하면 너비 값을 가질 수 없어서 block로 처리하고 텍스트가 길어질 경우 자동 줄바꿈이 되지 않고 한줄에 표시되도록 white-space:nowrap; 설정 넘쳐나는 텍스트를 감추기 위해서 overflow:hidden; 넘쳐난 텍스트의 말줄임 표시를 하는 text-overflow:ellipsis 속성을 추가하여 다음과 같이 말줄임효과를 주었습니다. 그렇다면 글자가 여러줄일 경우 말줄임 표시는 어떻게 해야 할까요 여러줄 말줄임 표시 방법 .txt { displ.. 2021. 11. 13. 한글깨짐, euc-kr 깨진파일 utf-8로 변경 좀 옛날 자료이기는 한데 자료 정리하다가 열어보니까 이렇게 깨져있네요 깨지는 이유는 euc-kr로 되어있기 때문인데요 유니코드 utf-8로 변환해주면 해결됩니다. 그래서 좀 간단하게 변환할 수 있는거 없을까 검색하다가 아래 사이트를 찾았는데요 https://fix-encoding.com/index.ko.php 인코딩 변환기 작업 공간 (임시 파일은 자동으로 삭제됩니다) fix-encoding.com 위에 주소로 들어가면 됩니다. 출처는 https://folivora.tistory.com/18 나무늘보님 블로그 입니다. 변환할 파일을 끌어다 놓고 저장하니까 이렇게 한글이 깨지지 않고 잘 보이는걸 확인할 수 있습니다. 2021. 11. 12. 이전 1 ··· 53 54 55 56 57 58 59 ··· 81 다음 728x90 반응형 LIST