팁·활용

• 목록
• 스크랩

그누보드 게시판 본문 정렬 설정 방법

그누보드 게시판에 파일 첨부로 등록한 이미지나 본문 내용을 상세 보기(view) 페이지에서 중앙 정렬하려면 스킨의 스타일시트 파일인 style.css를 수정해야 합니다. 이를 통해 게시판 레이아웃을 깔끔하게 정돈할 수 있습니다.

CSS 코드 수정 방법

파일 수정 전 원본 파일을 백업한 후, 사용 중인 게시판 스킨 폴더 내의 style.css 파일을 열고 아래와 같이 text-align:center; 속성을 추가합니다.

#bo_v_img {
    width: 100%;
    overflow: hidden;
    text-align: center;
    zoom: 1;
}

#bo_v_con {
    margin: 10px 0 30px;
    width: 100%;
    line-height: 1.7em;
    min-height: 200px;
    word-break: break-all;
    overflow: hidden;
    text-align: center;
}

코드 설명

#bo_v_img 선택자는 첨부된 이미지가 출력되는 영역을 제어하며, #bo_v_con 선택자는 본문 내용 전체 영역을 제어합니다. 두 영역에 text-align: center; 속성을 적용하면 이미지와 텍스트를 모두 중앙에 배치할 수 있습니다.

적용 후 확인 및 주의사항

코드를 저장한 뒤 웹브라우저에서 게시판 상세 페이지를 새로고침하여 이미지와 본문 텍스트가 정상적으로 중앙 정렬되는지 확인합니다. 만약 의도대로 정렬되지 않는다면 사용 중인 스킨의 CSS 구조나 클래스명이 다를 수 있으므로 관리자 페이지나 개발자 도구를 통해 선택자 명칭을 다시 확인하세요.