您当前的位置：首页 > 前端开发 > 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;（段落空行）
　　}
更多

相关阅读

栏目导航