-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
해결됨
spacing 직접 지정
23.01.19 16:15 작성 조회수 156
0
안녕하세요
강의 잘 보고 있습니다.
다름이 아니라 padding 혹은 margin을 직접 크기를 주고 싶을 땐 어떻게 해야 할까요?
다른 프레임워크에서는 보통 뒤에 -숫자를 넣으면 해당 숫자만큼 margin 혹은 padding이 되던데 Quasar에서는 어떻게 되는지 궁금합니다.
답변을 작성해보세요.
0
짐코딩
지식공유자2023.01.20
안녕하세요 :)
프레임워크 별 차이인 것 같아요. 퀘이사에서는 아래 정의된 사이즈([none|auto|xs|sm|md|lg|xl]
)로 표기할 수 있고요.
커스텀한 간격을 원한다면
<style>
태그에 스타일링을 할 수도 있고아니면 별도의 사이즈(예:
xxl
,3xl
)를 정의할 수도 있겠죠?
q-[p|m][t|r|b|l|a|x|y]-[none|auto|xs|sm|md|lg|xl]
T D S
T - type
- values: p (padding), m (margin)
D - direction
- values:
t (top), r (right), b (bottom), l (left),
a (all), x (both left & right), y (both top & bottom)
S - size
- values:
none,
auto (ONLY for specific margins: q-ml-*, q-mr-*, q-mx-*),
xs (extra small),
sm (small),
md (medium),
lg (large),
xl (extra large)
참고 - https://quasar.dev/style/spacing
답변 1