控制 html 段落的行距

調整 css 的 line-height 屬性



老妹:妳一定要去借一本 css 的書來讀。
段落的行距,可藉由 line-height 屬性設定,如下例:


若源碼如下:

<p style="line-height:1">
line-height:1 妳看到的應該是 line-height 屬性值為 1 的段落,
假設你輸入的數字為1,則代表行距是文字大小的1倍
</p>

<p style="line-height:2">line-height:2


line-height:2 妳看到的應該是 line-height 屬性值為2的段落,
假設你輸入的數字為2,則代表行距是文字大小的2倍
</p>

程式碼顯示如下:


line-height:1 妳看到的應該是 line-height 屬性值為 1 的段落,
假設你輸入的數字為1,則代表行距是文字大小的1倍



line-height:2 妳看到的應該是 line-height 屬性值為 2 的段落,
假設你輸入的數字為2,則代表行距是文字大小的1倍

留言

這個網誌中的熱門文章

浴室水龍頭切換拉桿維修

【麵】的倉頡碼

投資現況