织梦程序如何使图片下的文字居中

手册/FAQ (477) 2015-10-24 11:57:12

    织梦程序的图片下面的文字,默认的是靠左边对齐,这样看上去不美观,文字居中的视觉效果是最好的。我一个人鼓捣了一晚上,才把这个问题解决,现把方法分享出来。要想让图片下的文字居中,就先要明白织梦的样式都是保存在一个名为.css的文件里的。我们只要修改这个文件里的某些参数就可以了。文字居中的代码是text-align:center;,所以我们要把这段代码放在.css文件合适的地方,就能达到我们想要的效果。

具体的思路是:找到控制文字居中的div的名称,然后在css文件中找到这个div名称所在的位置,然后修改这段css代码。

下面举例说明:

在首页模板(index,htm)里,控制图片下文字样式的div的代码是  <div class=”slides_container” >,现在就可以确定slides_container是这个div的名称。打开css文件,CTRL+F,查找slides_container,可以看到这样的一段css文件

#index .prolist .slides_container{ width:680px;padding:5px 0px 5px 6px;}

把这段代码改成:

#index .prolist .slides_container{ width:680px;padding:5px 0px 5px 6px; text-align:center;} 这样就可以了

 

THE END