간단한 CSS 코드 추가로 메인 페이지에
요약글을 줄이는 방법 입니다.
요약글 생략 코드가 적용된 모습 미리보기

CSS 코드 적용후 요약글이 줄어든 것을
확인할 수 있습니다.
또한 요약글 끝에는 생략의 표시로
'...'을 붙여 두었습니다.
적용된 CSS 코드 확인하기

위 코드는 요약글 생략을 위한 코드입니다.
이상한 점은 코드를 실제로 적용해 봤을때
원래라면 '.excerpt{}' 코드안에
한번에 코드를 넣어서 적용하는게 정상입니다.
하지만 실제로 한번에 코드를 넣어보니
적용이 안되서
'.excerpt{}' 코드를 2개로 나눠서
적용했습니다.
적용된 CSS 코드 복사는 아래 '더보기'
간단하게 요약글 생략하는 방법을 알아봤습니다.
댓글