Vieu 主题如何使文章内页图片居中(CSS法)

众所周知,Vieu主题作为DUX二开后最为强大的主题之一,从最经典的DUX 5.0中脱胎换骨,在唯爱网络的打造下,变成了他小试牛刀的一个利器,也成为数百名Vieu主题的爱好者。

Vieu主题基于SG11加密,拥有着丰富的CMS界面,这与另一款不同的是,拥有切换CMS、企业、博客的功能,使得很多人就算在加密的情况下仍然醉心购买。然后,主题不可能十全十美,在大网络背景下,新增功能和还原部分功能成为了众人不断探索的重点,那今天就带大家探索下Vieu主题不合理的地方之一——文章页图片未像前期DUX版本中默认居中。

在F12查找元素过程中,发现了两个img头,刚开始我还以为参照别人的方法设置style.css便可,后来发现这两个img也是各有分工的,#image_container img和.img-thumbnail,看这个英文意思就知道了后一个是缩略图的意思,因为本主题有文章页的框架,所以图片都是放缩进去的,那第一个呢?查找不少百度的说法,最中肯的还是全局图片属性,覆盖所有该页面的图片设置的,确实css就是从这入手的。

#image_container img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

原本这里面什么内容都没有,我想可能是一时忘记删除,留下了这个div头方便我们修改吧,教程就是这么简单,图片居中固然有很多写法,我觉得Dux主题作者的写法还是比较简洁的。

本网站收集资源来源于网上和博主自己敲击,本站不接受任何非当地法律法规的投诉和申诉,如有侵权,请附上贵司或个人著作权、商标权及其他申明权利加盖公章,发送至zhattyt@gmail.com,我们将在3个工作日内对内容进行审核,对版权流氓的申诉一律不接受,如:maketing。
新路程博客 » Vieu 主题如何使文章内页图片居中(CSS法)

发表评论

761天+

本站勉强运行

195+

资源总数

17 +

本周更新

1+

今日更新

2019-11-22

最后更新时间