게시판 리스트 항목 추가
코드라고는 복붙수준으로 조금씩 알고 있는 초보입니다.
현재 그노보드에 나리야 보드를 사용중입니다. 나리야는 달라진 것이 많아 기존 자료가 안되는 부분이 많은 것 같아 아쉽네요 ㅜㅜ
제목 이름 날짜 조회
보통 이렇게 되어 있는 게시판에서 제목을 2개 항목으로 나누었습니다.
남자 여자 이름 날짜 조회
리스트 제목은 저렇게 되었고, 다행스럽게 남자와 여자의 해당 내용도 wr_1 wr_2 등으로 출력도 잘 됩니다. 그런데 정렬이 너무 어렵네요. ㅜㅜ
남자 여자 이름 날짜 조회
A B
여기서 A는 남자칸에, B는 여자 칸에 나와야 하는데, 위와 같이 왼쪽으로 쏠려나옵니다.
예전 자료를 보면, 어떤 분은 css 파일로 잡아야 한다는 분도 계시고 다양하십니다.
남자 여자 이름 날짜 조회
A B
당연히 이런 구조가 되어야 할 것 입니다. 여기서 A는 남자칸에, B는 여자칸에 출력되려면 어떤 코드를 어떻게 넣어줘야 하나요?
언제나 감사드립니다.
참고로 빨간색이 제가 넣은 코드입니다.
상단
하단
답변 3개
댓글을 작성하려면 로그인이 필요합니다.
다음과 같은 방법으로 시도해 볼 수 있을 것 같습니다.
참고하셔서 원하시는 형태로 구현하시면 될 것 같습니다.
html
css 추가
/* 추가한 CSS 스타일 */
.na-table {
display: table;
width: 100%;
table-layout: fixed;
}
.d-md-table-row {
display: table-row;
}
.d-md-table-cell {
display: table-cell;
padding: 5px; /* 적절한 여백 설정 */
}
/* 남자와 여자 열을 나란히 표시하도록 설정 */
.d-md-table-cell:nth-child(2) {
width: 50%; /* 남자 열 너비 설정 */
}
.d-md-table-cell:nth-child(3) {
width: 50%; /* 여자 열 너비 설정 */
}
/* 남자와 여자에 A와 B 표시하기 */
.d-md-table-cell:nth-child(2) a::before {
content: "A ";
}
.d-md-table-cell:nth-child(3) a::before {
content: "B ";
}댓글을 작성하려면 로그인이 필요합니다.
code가 적용되서 색삭이 보이지 않네요 ㅜㅜ 상단코드에 남자 여자, 하단 코드에 A B 출력이 있습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인