Martin`s Work

1. -webkit-line-clamp 웹킷 기반의 브라우저일 경우 줄수를 설정해 그 이상 되었을때 "..." 처리가 되도록 설정 가능 1234567div{ display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; /*라인수 설정*/ word-wrap:break-word; -webkit-box-orient: vertical;}cs -webkit-line-clamp 는 "..."처리가 되는 라인수를 지정할 수 있습니다. 이 외에, 웹킷기반의 브라우저가 아닐 경우를 대비하여 추가적으로 높이값과 hidden처리를 해줘야합니다. 123456789div{ display:-webkit-box; height:20px; /*높이값 추가*/ overflow:..

display을 이용한 table 레이아웃 잡기 display 속성을 이용하여, table 태그의 tr, th, td 같은 형태의 레이아웃을 만들 수 있다. 개인적으로 실제로 display 속성으로 table을 지정할 때는 table 레이아웃을 구성하기 위해서라기보단 한 컨텐츠 내에서 중앙 정렬 처리 할때 사용한다. 예를 들어 한 컨텐츠 내용이 1줄이 되든, 2줄이 되든 가운데 정렬이 되어야 한다고 할때 사용하면 편리하게 레이아웃을 구성할 수 있다. 12345678910111213 컨텐츠 제목 컨텐츠 내용 1줄 처리 컨텐츠 제목 컨텐츠 내용 2줄 처리컨텐츠 내용 2줄 처리 Colored by Color Scriptercs HTML 코드는 위와 같이 작성한다. 예시를 위해 dd태그의 텍스트 내용을 br로 ..

1. git init 내 프로젝트에 ".git" 이라는 하위 디렉토리를 생성하여, 내 프로젝트를 git 저장소로 만든다. 2.git add work direcotry에 있는 파일을 Staging area로 이동시킨다. add 명령어를 사용하면 해당 파일들은다음 commit 할 파일 상태가 된다. 3.vim 파일명 파일명이라는 파일을 생성한다. 해당 명령어를 치면, 파일명 안에 들어가는 내용들을 입력할 수 있는 입력창이 나온다. 그 입력창에 내용을 입력 후, Esc + ':wq' 를 입력하면 파일 생성 후 그 파일의 내용까지 입력할 수 있다. 4. echo '파일내용' > 파일명 vim과 같은 비슷한 역할을 하는 명령어로, '파일내용'을 입력 후 파일명을 입력하면 vim과는 다르게 편집창이 나오지 않고 한..