목표
노션 페이지에서 열 블록과 표를 만들고, 모든 표의 크기를 일정하게 맞추기 위해서 페이지 너비에 표 맞추기 기능을 사용하여 표의 크기를 맞추면 사진과 같이 열 블록마다 가로 스크롤이 생겨버린다.
우피를 사용하여 이런 페이지를 퍼블리싱 하는 경우 이 불필요한 가로 스크롤들이 모든 열 블록마다 표시되기 때문에 미관상 좋지 않다.
해결 방법
TL;DR
우피에서 제공하는 페이지별 HTML 코드 블럭 기능을 이용하자.
설명
다행히도 우피 측에서 페이지별로 HTML 코드를 적용할 수 있는 기능을 제공하기에 이를 사용하여 간단히 해결할 수 있다.
<head>
<style>
.notion-scroller.horizontal:not(.vertical) {
overflow-x: hidden;
}
</style>
</head>
<body></body>
HTML
복사
