그누보드 분류
[HTML] 화면크기에 따라 제목 길이 조절하기
작성자 정보
- ADKye 작성
- 작성일
컨텐츠 정보
- 923 조회
- 목록
본문
최종수정 : 2023 / 09 / 23
대상 : HTML
포스팅의 제목은 중요한 요소이지만 대부분의 제목 위치는 본문상단에 위치해 있다.
제목이 길어질 경우 두줄, 세줄로 표기되는 경우가 있는데 광고쟁이 입장에서는 제목이 차지하는 상단 위치가 상당히 아쉽니다.
그렇다고 제목을 뺄 수 도 없고...
우선 제목을 삭제하기보다는 아무리 길어도 한줄이상 표기되지 않도록 코드를 작성한다.
---view.php-------------------
원본
<h1 id="bo_v_title">
<?php echo $view_subject; // 글제목 출력 ?>
</h1>
---아래와 같이 수정-------------------
<h1 id="bo_v_title" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
<?php echo $view_subject; // 글제목 출력 ?>
</h1>
결과
화면에서 한줄 이상 길어질 경우 ... 으로 출력된다
코드상 전체 제목은 정상적이기에 seo등에는 문제 없다.
관련자료
댓글 0
등록된 댓글이 없습니다.