用优化显示长篇的文件,试图优化显示在长篇文档中可能需要处理的 换行、块引用、链接格式、图片格式、行距、段间距、代码段提示、HR、LIST、标题等级等常见问题。

/**
* 长篇文本显示优化
* 把需要优化显示的文本区域使用包围起来
* By Kometo.lee
* 版本: 0.9
* 时间: 2007.8.16
**/
.iss_content_text{
color:#444;
font-size:14px;
line-height:1.6em;
overflow:auto;
word-wrap:break-word;
text-justify:inter-ideograph;
text-align:justify;
font-family:"vanada","Arial","宋体";

word-wrap:break-word;
overflow:auto;
width:100%;
text-justify:inter-ideograph;
text-align:justify;
white-space:normal;
}

.iss_content_text p{
margin:.6em 0;
text-indent:2em;
color:#444;
font-size:14px;
line-height:1.6em;
word-wrap:break-word;
}

.iss_content_text em{
color:#FF0000;
}

.iss_content_text img{
border:0;
}

.iss_content_text ul{
margin:1em 1em 1em 2em;
padding:0;
}
.iss_content_text ol{
margin:1em 1em 1em 2em;
padding:0;
}
.iss_content_text li{

}

.iss_content_text a:link{
text-decoration: none;
color:#0000FF;
}

.iss_content_text a:visited{
text-decoration: none;
color:#0099FF;
}

.iss_content_text a:hover{
text-decoration:underline;
color:#FF0000;
}

.iss_content_text  h1,.iss_content_text  h2,.iss_content_text  h3{
color:#000;
font-size: 20px;
margin:.9em 0em;
font-family:"vanada","Arial","Microsoft YaHei","黑体","宋体";
border:0;
border-left:1.5em solid #efefef;
padding-left:.7em;
}

.iss_content_text  h1{
font-size: 20px;
border-bottom:1px dotted rgb(220, 220, 220);
}
.iss_content_text h2{
font-size: 18px;
}

.iss_content_text h3{
font-size: 16px;
}

.iss_content_text blockquote{
background-color:rgb(207, 235, 247);
border:1px solid #999;
line-height:1.2em;
margin:1em 0em;
padding:1em;
}

.iss_content_text code{
background-color:#FFFFCC;
border:1px solid #666;
line-height:1.2em;
margin:1em 0em;
padding:0.3em 1em;
display:block;
text-indent:0;
}

.iss_content_text blockquote p{
margin:.2em 0;
text-indent:0;
}

.iss_content_text blockquote blockquote {
background-color:none;
border:0;
margin:0;
padding:0;
margin-left:2em;
}

(28)

分类: Web

发表评论

电子邮件地址不会被公开。