여러분 안녕하세요,
같은 줄에 테이블 2개를 만들 수 있는지 아시는 분 계신가요? 왼쪽에 하나, 오른쪽에 하나씩 배치하는 것처럼요?
| Left | Side |
기본적으로는 불가능하지만, data 속성이 포함된 div 안에 두 개의 테이블을 감싸는 방식으로 구현할 수 있습니다. 이 data 속성을 사이트 테마에서 대상 지정하여 2열 테이블을 만들 수 있습니다. 기본적인 예시는 다음과 같습니다. 저는 CSS 전문가가 아니므로 필요에 맞게 CSS를 조정해 주세요.
원본 게시물 내용:
<div data-two-column-table>
|foo|bar|
|---- | ----|
|this|that|
</div>
<div data-two-column-table>
|foo|bar|
|---- | ----|
|this|that|
</div>
테마 CSS (Discourse가 테이블을 감싸는 .md-table div를 대상으로 한다는 점에 유의하세요:
div[data-two-column-table] .md-table {
width: 50%;
display: inline-block;
float: left;
}
기대되는 출력 결과:
이러한 방식으로 테이블 스타일을 지정하는 것의 한 가지 가능한 단점은 사이트에서 발송되는 이메일에서는 스타일이 유지되지 않을 수 있다는 것입니다.
알겠습니다. 알려주셔서 감사합니다!