html:(35):缩进和行高
生活随笔
收集整理的這篇文章主要介紹了
html:(35):缩进和行高
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
段落排版--縮進
中文文字中的段前習慣空兩個文字的空白，這個特殊的樣式可以用下面代碼來實現：
p{text-indent:2em;} <p>1922年的春天，一個想要成名名叫尼克卡拉威（托比?馬奎爾Tobey Maguire 飾）的作家，離開了美國中西部，來到了紐約。那是一個道德感漸失，爵士樂流行，走私為王，股票飛漲的時代。為了追尋他的美國夢，他搬入紐約附近一海灣居住。</p>
注意：2em的意思就是文字的2倍大小。
運行結果
段落排版--行間距（行高）
這一小節我們來學習一下另一個在段落排版中起重要作用的行間距（行高）屬性（line-height），如下代碼實現設置段落行間距為1.5倍。
p{line-height:1.5em;} <p>菲茨杰拉德，二十世紀美國文學巨擘之一，兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時代"吟唱華麗挽歌，其詩人和夢想家的氣質亦為那個奢靡年代的不二注解。</p> <!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>運行結果
總結
以上是生活随笔為你收集整理的html:(35):缩进和行高的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： android铃声格式转换,m4r格式转
- 下一篇： Socket网络编程