ArticleDetail.CSS示范脚本

admin

#ArticleDetail .Title{ display:block; text-align:center; font-size:22px; font-weight:bold;}
#ArticleDetail .Log{ display:block; text-align:center; background:#f0f0f0; margin-bottom:20px;}
#ArticletDetail .Picture{ text-align:center;}

同文中，如果有产品功能，可以同时复制以下ProductDetail.CSS
#ProductDetail .Title{ display:block; text-align:center; font-size:22px; font-weight:bold;}
#ProductDetail .Log{ display:block; text-align:center; background:#f0f0f0; margin-bottom:20px;}
#ProductDetail .Picture{ text-align:center;}

合并优化：
#ArticleDetail .Title,#ProductDetail .Title{ display:block; text-align:center; font-size:30px; font-weight:bold; line-height:1.5em; padding: 20px 0;}
.Log{ display:block; text-align:center; background:#f0f0f0; margin-bottom:20px; padding:10px 0;}
.Picture{ text-align:center;}
#ProductDetail img,#ArticleDetail img{ max-width:760px;}
#ArticleDetail .Detail,#ArticleDetail .Detail *{ color: inherit; font-size: inherit;}
#ArticleDetail .Detail p{ margin:5px auto;}
最后第二行很重要，保证了编辑器所见即所得
最后第一行也很重要，保证了P段落的间距过大，可根据视觉进行margin-top与margin-bottom的调整。