字距、行距、與其他物件的距離，調整適當能讓使用者有舒服的體驗，而良好的排版能引導使用者優先接收整個畫面的重要資訊。

字與字的距離

1. 字距：
   通常不太調動，不過想要創造出質感，或是刻意想要拉開文字，可以利用 letter-spacing 接上字跟字之間的距離。
2. 行高：
   閱讀是左右向閱讀，因此上下太靠近會干擾到閱讀動線。行高能留出空白，減少擁擠感。這邊建議一般可以使用 1.3倍 或 1.5倍 來做設定（行高參數輸入的是倍數，因此只要打數字）

段落靠齊

1. 水平方向
   大部分常見是靠左，靠左不但是大部分人較習慣的方向，且能讓各長短不一的文字區塊還能有整齊的效果，比如商品列表因為每項產品的名稱長短會不一致，都靠左就能達到平衡。
   參數是 text-align ，常見設定有左(left)、中(center)、右(right)，視整體排版所需而調整。
   一區塊的大標題，或是有些較空曠的地方、一行只有純文字敘述，就適合置中排版。

2. 垂直方向
   用 align-items-center 來做垂直向的調整。
   若不設定會靠上方，不過有時為了平衡畫面留白空間，會調成那一排的垂直居中，常見於首頁的品牌敘述等。

在文字上畫線

文字上的線，能在觀看上更了解文字的意義。使用 text-decoration 可以設定線的位置。

1. none
   取消畫線，可以用來去除default預設，比如 <a></a> 連結。
2. underline
   增加文字下底線，如果想要讓文字有強調意味，可以考慮下底線的樣式。
3. line-through
   刪除文字的線，若是想標示特價價格，就能標示出原價並運用這樣的樣式。

排版總結

排版是不同物件，不斷的排列組合。
這邊提供幾個電商網頁常見的小重點整理給大家：

1. 純文字按鈕或連結之間要給予足夠開的空間
2. 有背景底色的文字區塊，可以讓文字左右、上下都置中
3. 標題可以統一靠右、置中
4. 遇到較多文字敘述的情況，要注意閱讀感受是否會太壅擠。

以上2篇關於文字的設計就到這邊，希望能幫助大家在文字上更有靈感！