您當前的位置：首頁 > 前端開發 > css技術 css技術

網頁文章排版--控制首行縮進和段落空一行的代碼

發布時間：08-10  來源：云動網絡  作者：云動  點擊： 次

 　　多數首行縮進采用的是“text-indent”代碼，有html內置代碼“style="text-indent: 2em"”，或CSS里的代碼，網頁文章段落多使用的是CSS代碼。也有部分使用全角空格。而段落空行有使用“padding”、“margin”進行控制，也有用br進行空行。

　　1.網易
　　#endText p {
　　text-indent: 2em;（首行縮進）
　　margin: 26px 0;（段落空行）
　　}
　　2.譯言網
　　.sa_content p {
　　padding-bottom: 20px;（段落空行）
　　}
　　3.虎嗅網
　　段落間 br（段落空行）
　　4.騰訊
　　內置： style="TEXT-INDENT: 2em" （首行縮進）
　　#Cnt-Main-Article-QQ p {
　　margin-bottom: 29px;（段落空行）
　　}
　　5.搜狐
　　兩個全角空格（首行縮進）
　　四個半角空格（首行縮進）
　　#container .text p {
　　padding: 26px 0 0;（段落空行）
　　}
　　6.人民網
　　兩個空格（首行縮進）
　　.text p {
　　margin: 10px 0;（段落空行）
　　}
　　7.新浪網
　　兩個全角空格
　　.blkContainerSblkCon p {
　　margin: 15px 0;（段落空行）
　　}
　　8.鳳凰
　　#artical_real p {
　　text-indent: 28px;（首行縮進）
　　font-size: 14px;
　　margin-bottom: 25px;（段落空行）
　　}
更多

相關閱讀

欄目導航
足彩胜负彩玩法2场