灰儿 发表于 2014-11-26 15:49:02

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

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


为了使图像显示更为美观,现改为图像垂直居中显示,方法为,先查找:<div class="b10"></div>
<div id="photo">{template 'content', 'chip'}</div>
{if $P}<div class="photo_intro">{nl2br($P)}</div>{/if}
<div class="b10"></div>
替换为:
<div class="b10"></div>
<div id="photo">
<div id="parent">
<div id="child">
{template 'content', 'chip'}
{if $P}<div class="photo_intro" style="text-align:center" >{nl2br($P)}</div>{/if}
</div>
</div>
<style type="text/css">
#parent {
padding: 5% 0;
}
#child {
padding: 10% 0;
}
</style>
</div>
<div class="b10"></div>效果如下:






页: [1]
查看完整版本: destoon 5.0 图库模块使图像垂直居中显示的方法