web中图片居中怎么设置(web页面居中怎么设置)

作者:悦然wordpress建站(悦然建站)

(此处已添加小程序,请到今日头条客户端查看)

继续分享wordpress建站教程。我们在编辑网站内容时一般都会选择让图片居中,这样可以让整体的排版看起来更加美观,有一些wordpress建站主题可能会自带图片居中的功能,但大多数是没有的。

所以一般情况下我们都会通过手动设置图片剧中。在wordpress的区块编辑器中选中图片,然后如上图这样设置就可以让图片居中了。如果你每篇文章都有图片需要设备居中,那么这样操作可能就太麻烦了,接下来给大家分享两个方法。

方法一:提高配图尺寸大小

一般情况下wordpress主题模板都有一个最大的图片显示尺寸。假设你的wordpress主题的最大显示尺寸是800PX,那么你只需要给每篇文章的配图大于等于800PX就可以了,这样图片就会横向铺满,显示效果与居中是一样的。

方法二:设置CSS样式

把下面的CSS样式添加到当前wordpress建站主题的style.css文件中保存,然后清除缓存,这样以后的文章图片就会自动剧中了。

.entry-content img {
display: flex;
margin: 0 auto;
}
(0)

相关推荐

  • HTML中图片居中问题

    HTML中图片居中问题 操作方法 01 打开Dreamweaver软件后,新建html文件 02 在Body标签下建立img标签,将图片插入到文档中,现在可以看到图片在浏览器的左上角显示,现在这里引用 ...

  • html怎么才可以让图片居中

    在使用HTML绘制页面的时候,适当的图文编排可以使内容更具有吸引力,下面就介绍下使HTML中图片居中的简单办法 操作方法 01 打开记事本或者其他的代码编辑器,新建一个HTML文件,如下图 02 使用 ...

  • web项目中如何设置web.xml文件

    web项目中如何设置web.xml文件.web.xml中设置一些项目配置.编码转换. 操作方法 01 <display-name>ZHCity</display-name>,在 ...

  • PS批量导出图片(存储为web所用格式)

    我们经常会遇到需要批量把图片变成更小的web格式,不仅可以提高了网页的访问速度,更提升了用户体验.我们做网站的产品上传,通常有很多的种类.很多的产品.很多的子文件夹,需要批量处理.一般多达几十款产品几 ...

  • 设置Win7桌面背景图片居中的方法

    设置Win7桌面背景图片居中的方法

  • 在Word中图片工具栏的设置技巧

    其实在Word中编辑的时候,多数是只需要文字就可以了,因此很多的朋友对于一些图片的编辑也不是特别的了解.接下来,小编就要来介绍一下,在Word中图片工具栏的设置技巧,感兴趣的朋友可以一起来看一下. ( ...

  • PPT演示文稿中图片文件大小怎么设置

    PPT演示文稿中图片文件大小怎么设置 1.启动PowerPoint 2013并打开包含图片的演示文稿,在幻灯片中选择需要压缩的图片.在"图片工具-格式"选项卡的"调整&q ...

  • 如何批量设置Excel表格中图片的大小

    我们如果在excel中插入了不少图片,想要批量调整其中的图片大小,该如何操作呢?一起来看看吧.1. 如图,我们打开想要设置的excel表格,可以看到图片很混乱.2. 我们先将图片全部选中,右键,点击[ ...

  • oppo手机相册中图片的存储位置如何设置更改

    今天给大家介绍一下oppo手机相册中图片的存储位置如何设置更改的具体操作步骤.1. 打开手机,找到桌面上的相册图标,打开.2. 进入相册,选择一张图片,查看详细信息.3. 如图,在打开的页面,看一下图 ...