利用CSS优化显示长篇文本
用优化显示长篇的文件,试图优化显示在长篇文档中可能需要处理的 换行、块引用、链接格式、图片格式、行距、段间距、代码段提示、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; }

近期评论