php两个图片并排显示,wordpress文章图片怎么并排

准备工作

需要用到一款带有“审查元素”功能的浏览器，我用的是360；

需要Notepad编辑器或者Dreamweaver，不建议用记事本，会容易出现新问题。

说明问题

我们进入wordpress后台，找到”写文章“，在其中依次插入非常小的两张图片，会看到如图所示，图片自动换行了，然后把文章发布一下，可以看到两张图片是两行显示。

发现原因

直说吧，关于排版问题，我们可以默认是CSS的问题，我开始也是想的可能是主题的问题，于是切换到默认主题，但发现官方三款主题，只有【Twenty Seventeen】这款主题在编写时是不默认换行的。

以我遇到的一个实例，我们看一下区别，首先后台是显示很正常的，发布后当前主题与Twenty Seventeen主题效果不同。

找到CSS，并开始修改

我们打开有问题的页面，找到其中一张图片，点击鼠标右键，选择【审查元素】

在下面编辑区域修改CSS

通过这里的修改，我们可以直接看到上面页面效果，是非常便利开发人员和站长朋友们的，在这里我找到display这个属性，影响了换行，当勾掉对勾时，图片实现了换行。在这里为大家分享一下，该属性block键值会自动生成换行符，于是图片便默认换行了。

这一步找到要修改的CSS文件

当我们把鼠标放在图示右上角位置时，会产生一个链接地址的提示，它就是放置该属性的CSS文件位置，也是我们需要修改的地方。

找到该文件，用notepad打开，然后再通过查找(查找的内容可以是我们直接想删掉的词，但切记一定要和我们之前在审查元素看到的内容完全对上，否则肯定就找错了地方)，删除掉不要东西。

清除浏览器缓存，刷新看效果

这一步其实很简单，但很重要，每次看文件效果之前务必要进行该操作，除非你确定已经清除过缓存了。因为如果缓存在的话，无论你怎么改，都不会看到效果，只有一脸的懵逼。如图操作：

修改编辑器相关的CSS文件

我们发现做了上述修改后，写文章时编辑器里还是对图片进行了换行处理，这时用的方法跟上面的类似，也是右键图片，选择”审查元素“，找到要修改的文件，对其进行修改。

再到前面修改由于编辑器造成的CSS效果

当我们后台满意后，发布完成后，发现文章中的小图片又换行了，郁闷了！其实，只是工作还没做完，继续！方法同上，找到图片，右键，审查元素，修改文件，清理缓存，刷新页面。

至此，无论你前后台怎么发布图片，发现wordpress写文章会像写word文档那样听话了。

php两个图片并排显示,wordpress文章图片怎么并排相关推荐

asp.net怎么实现按条件查询_Display Posts : 按条件显示WordPress文章的最强插件
转自丘壑博客 WordPress本质上是一个内容管理系统(CMS),是显示.创建.发布和维护内容的软件. 本文介绍的插件 Display Posts 主要就是用来扩展WordPress关于显示内容这部 ...
ITEXT-小图片并排显示，大图片按行显示
问题场景使用itext开发PDF过程中,有这样一个需求:有N个图片,每个图片大小不一,要求小图片每2个并排显示,大图片逐一按行显示.那么问题来了,图片多小算小?由API知image01.getWid ...
mysql一键更改图片地址_利用mysql语句批量替换指定wordpress文章图片路径
有时候当你看到一篇十分优秀的国外文章的时候,比如说十个优秀.五十个优秀的网站设计欣赏.wordpress主题下载.jquery插件下载等等. 这些文章当中往往会跟随大量的示例图片供读者查看,如果这些文 ...
html鼠标悬停事件 dw,dw制作鼠标放上去图片就显示鼠标离开图片就消失
今天小编就为大家介绍dw制作鼠标放上去图片就显示鼠标离开图片就消失的效果,操作方法很简单的,不会的朋友可以参考本文哦! 操作步骤: 1.新建"HTML文档",在"布局&q ...
网页图片不显示？切记图片路径不要包含ad，ddos等
网页图片不显示?切记图片路径不要包含ad,ddos等@TOC 网页图片不显示?切记图片路径不要包含ad,ddos等上周同事打开公司官网,突然发现网页不正常了,好多图片,包括背景图都不显示了,但是其他 ...
latex并排显示多个图片
1. 背景并排图片分为两种情况,情况一是各子图共用一个标题(caption),该标题可以自己指定,每个子图的标题为a.b.c等,子图标题是系统生成的.情况二是各子图不共用标题,可设置不同的标题.下面 ...
php怎么显示不了图片,php显示不了图片的解决办法,
php显示不了图片的解决办法PHP不能显示图片的解决方案,Php不能显示图片,因为源代码中除了img输出还有其他输出.解决方法是在调用头之前取消任何输出. 推荐: <PHP视频教程> 具体 ...
服务器接收ios图片无法显示,IOS下图片不能显示问题的解决办法
最近在写H5的时候遇到这么一个问题,就是在页面上使用img标签放一张图片在IOS系统下的浏览器都不显示(其实是存在这张图片了,只是是一块白的,长按还可以下载图片)(纠正一下:就简单放一张图片上去,IO ...
iis php 图片无法显示,iis php 图片无法显示怎么办
iis php图片无法显示的解决办法:1.给"php.ini"中的"upload_tmp_dir"项设置一个临时目录并做好相应的权限:2.将"C:Wi ...

php两个图片并排显示,wordpress文章图片怎么并排

php两个图片并排显示,wordpress文章图片怎么并排相关推荐

最新文章

热门文章