---
# System prepended metadata

title: 排版技巧
tags: [Front-End]

---

# 排版技巧

### 多重元素 inline 時的技巧
![](https://i.imgur.com/c8FkP2i.png)
1. 大量表單的排版時，採用 Grid 卻遇到行高不一時的對齊問題，這時會設定 align-items: start 然後把「人數限額」的 line-height 設定為 28px 讓他可以對齊右方的內容，相同的「報名日期」既使右方一次兩行的情況，也可以放在正確的位置。其實就是要多觀察設計圖中隱含的 line height 是多少這件事。




###### tags: `Front-End`