공부/Html & Css6 1줄, 2줄이상 말줄임표 css 코드 .ellipsis { width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 말줄임 적용 */ display: -webkit-box; -webkit-line-clamp: 2; /* 몇줄 보이게할지 */ -webkit-box-orient: vertical; } 두 줄 이상 말줄임표가 나오게 적용할 때 이 코드를 추가하면 된다. 2021. 12. 16. html 태그 block , inline, inline-block 안녕하세요 디발자 매니입니다. 이번 글에선 홈페이지를 제작, 블로그나 게시글 글을 쓸 때 자주 쓰는html 태그에 대해 소개하겠습니다. 제목 h1 제목 h2 제목 h3 제목 h4 제목 h5 제목 h6 내용 p 내용 span 내용 pre 제목 h1 h1~h6 : 글의 제목 요소. 제목의 우선순위따라 1부터 6까지 순서대로 사용합니다. 올바른 제목태그 사용법 h1은 보통 로고에 사용되며 한 페이지당 하나씩 사용됩니다. 폰트 크기는 css에서 조절할 수 있으므로 이렇게 쓰는것은 지양해야합니다. 순서에 맞게 작성하여 알맞는 콘텐츠 구조를 이뤄야 합니다. 콘텐츠구조 이미지 (출처 : MDN 웹 문서) p태그 : 보통 본문내용을 작성할 때 사용하며 티스토리 블로그에서도 단순히 엔터를 치면 p태그가 생성됩니다. 띄어.. 2020. 9. 3. 이전 1 2 다음 반응형