destoon 5.0 图库模块使图像垂直居中显示的方法

destoon 5.0 打开图库模块，默认查看的图像居顶部显示，效果如下图：


为了使图像显示更为美观，现改为图像垂直居中显示，方法为，先查找：

1. <div class="b10"></div>
   
2. <div id="photo">{template 'content', 'chip'}</div>
   
3. {if $P[introduce]}<div class="photo_intro">{nl2br($P[introduce])}</div>{/if}
   
4. <div class="b10"></div>

复制代码

替换为：

1. <div class="b10"></div>
   
2. <div id="photo">
   
3. <div id="parent">
   
4. <div id="child">
   
5. {template 'content', 'chip'}
   
6. {if $P[introduce]}<div class="photo_intro" style="text-align:center" >{nl2br($P[introduce])}</div>{/if}
   
7. </div>
   
8. </div>
   
9. <style type="text/css">
   
10. #parent {
    
11. padding: 5% 0;
    
12. }
    
13. #child {
    
14. padding: 10% 0;
    
15. }
    
16. </style>
    
17. </div>
    
18. <div class="b10"></div>

复制代码

效果如下：