WordPress将两张图片并排(待改进)

问题并没有完美彻底解决,如果谁有好的方法可以告诉我,蟹蟹


在刚才写WordPress中文用户名报错的时候最后加了两张图片。图片很小,可是WordPress并没有把它们放在同一行。这就很让人受不了啊喂。。。我还用的是目前最新版5.0.3 不知道以后WordPress会不会改改排版。
这里用两张小表情包图片当做例子。

首先是一开始插入的时候默认的排版,可以看到两个图片并没有挨在一起:

暗中观察 表情包
暗中观察
给我五块钱 表情包
Give Me Five

然后我们让第一张图片靠最左 第二张图片居中:

暗中观察 表情包
暗中观察
给我五块钱 表情包
Give Me Five

编辑页面倒是可以了,但是发布之后还是不在同一行。这操作,实在佩服。

这里要强调一下:WordPress还不是所有html code都接受,敲了代码试图修改一下,结果还竟然被WordPress直接删掉了。。。
最后终于有一行代码没有被残忍地抹掉。而且虽然效果很难看,但是好歹也将就算是在同一行。做法是:

第一张图片靠左,第二章图片靠中间,然后在切换到“文本”视图(我强制用了旧版编辑器,新版编辑器好像叫“代码模式”?)编辑源代码,在两个图片中间加入<div style=”float: left;”>这段代码。然后在第二张图片后面加入</div> 其目的就是让第二张图片靠左 靠左 靠左!

图片近乎平行的代码 截图
图片近乎平行的代码
暗中观察 表情包
暗中观察
给我五块钱 表情包
Give Me Five

 

 

 

 

 

 

通过上面可以看到发布之后虽然第二张图片没有特别靠左,但是它也算和第一张图片几乎在一条线上了。不过并不是挨着,也不是平行(另外你可能需要多摁几下回车让文字可以靠下。)。小生才疏学浅,只能做到这个地步。自愧不如。(感觉满满都是bug T_T)

要滚去吃饭了,就酱

2 comments

Leave a Reply

电子邮件地址不会被公开。 必填项已用*标注