10-8段落排版--行間距（行高） · 初識HTML+CSS

這一小節我們來學習一下另一個在段落排版中起重要作用的行間距（行高）屬性（line-height），如下代碼實現設置段落行間距為1.5倍。 ~~~ p{line-height:1.5em;} <p>菲茨杰拉德，二十世紀美國文學巨擘之一，兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時代"吟唱華麗挽歌，其詩人和夢想家的氣質亦為那個奢靡年代的不二注解。</p> ~~~ ### 任務 **我也來試試，為右側段落設置行間距（行高）為2em，使用文本顯示更加美觀** 1.在右邊編輯器的第7行，輸入下面代碼： ~~~ p{line-height:2em;} ~~~ ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>行間距</title> <style type="text/css"> p{line-height:2em;} </style> </head> <body> <p>菲茨杰拉德，二十世紀美國文學巨擘之一，兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時代"吟唱華麗挽歌，其詩人和夢想家的氣質亦為那個奢靡年代的不二注解。</p> </body> </html> ```