<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>编辑归档 - 猪 i0oo0</title>
	<atom:link href="https://i0oo0.com/tag/%E7%BC%96%E8%BE%91/feed/" rel="self" type="application/rss+xml" />
	<link>https://i0oo0.com/tag/编辑/</link>
	<description>爱猪</description>
	<lastBuildDate>Tue, 19 Feb 2019 22:32:30 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.5.5</generator>

<image>
	<url>https://i0oo0.com/wp-content/uploads/2019/02/favicon-2.png</url>
	<title>编辑归档 - 猪 i0oo0</title>
	<link>https://i0oo0.com/tag/编辑/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>WordPress将两张图片并排（待改进）</title>
		<link>https://i0oo0.com/2019/02/19/wordpress%e5%b0%86%e4%b8%a4%e5%bc%a0%e5%9b%be%e7%89%87%e5%b9%b6%e6%8e%92/</link>
					<comments>https://i0oo0.com/2019/02/19/wordpress%e5%b0%86%e4%b8%a4%e5%bc%a0%e5%9b%be%e7%89%87%e5%b9%b6%e6%8e%92/#comments</comments>
		
		<dc:creator><![CDATA[大猪帆]]></dc:creator>
		<pubDate>Tue, 19 Feb 2019 22:32:30 +0000</pubDate>
				<category><![CDATA[技术]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[修复]]></category>
		<category><![CDATA[图片]]></category>
		<category><![CDATA[编辑]]></category>
		<guid isPermaLink="false">https://i0oo0.com/?p=42</guid>

					<description><![CDATA[<p>				在刚才写WordPress中文用户名报错的时候最后加了两张图片。图片很小，可是WordPress并没有把它们放在同一行。这就很让人受不了啊喂。。。我还用的是目前最新版5.0.3 不知道以后WordPress会不会改改排版。<br />
这里用两张小表情包图片当做例子。		</p>
<p><a href="https://i0oo0.com/2019/02/19/wordpress%e5%b0%86%e4%b8%a4%e5%bc%a0%e5%9b%be%e7%89%87%e5%b9%b6%e6%8e%92/">WordPress将两张图片并排（待改进）</a>最先出现在<a href="https://i0oo0.com">猪 i0oo0</a>。</p>
]]></description>
										<content:encoded><![CDATA[<p><span style="color: #333333;">问题并没有完美彻底解决，如果谁有好的方法可以告诉我，蟹蟹</span></p>
<hr />
<p>在刚才写<a href="https://i0oo0.com/2019/02/19/wordpress%e4%b8%ad%e6%96%87%e7%94%a8%e6%88%b7%e5%90%8d%e6%8a%a5%e9%94%99/" target="_blank" rel="noopener noreferrer">WordPress中文用户名报错</a>的时候最后加了两张图片。图片很小，可是WordPress并没有把它们放在同一行。这就很让人受不了啊喂。。。我还用的是目前最新版5.0.3 不知道以后WordPress会不会改改排版。<br />
这里用两张小表情包图片当做例子。</p>
<p><span style="color: #993300;">首先是一开始插入的时候默认的排版，可以看到两个图片并没有挨在一起：</span></p>
<figure id="attachment_43" aria-describedby="caption-attachment-43" style="width: 240px" class="wp-caption alignnone"><img fetchpriority="high" decoding="async" class="wp-image-43 size-full" src="https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.29-PM-2.png" alt="暗中观察 表情包" width="240" height="242" srcset="https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.29-PM-2.png 240w, https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.29-PM-2-150x150.png 150w" sizes="(max-width: 240px) 100vw, 240px" /><figcaption id="caption-attachment-43" class="wp-caption-text">暗中观察</figcaption></figure>
<figure id="attachment_44" aria-describedby="caption-attachment-44" style="width: 244px" class="wp-caption alignnone"><img decoding="async" class="wp-image-44 size-full" src="https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.58-PM-2.png" alt="给我五块钱 表情包" width="244" height="242" srcset="https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.58-PM-2.png 244w, https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.58-PM-2-150x150.png 150w" sizes="(max-width: 244px) 100vw, 244px" /><figcaption id="caption-attachment-44" class="wp-caption-text">Give Me Five</figcaption></figure>
<p><span style="color: #993300;">然后我们让第一张图片靠最左 第二张图片居中：</span></p>
<figure id="attachment_43" aria-describedby="caption-attachment-43" style="width: 240px" class="wp-caption alignleft"><img fetchpriority="high" decoding="async" class="wp-image-43 size-full" src="https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.29-PM-2.png" alt="暗中观察 表情包" width="240" height="242" srcset="https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.29-PM-2.png 240w, https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.29-PM-2-150x150.png 150w" sizes="(max-width: 240px) 100vw, 240px" /><figcaption id="caption-attachment-43" class="wp-caption-text">暗中观察</figcaption></figure>
<figure id="attachment_44" aria-describedby="caption-attachment-44" style="width: 244px" class="wp-caption aligncenter"><img decoding="async" class="wp-image-44 size-full" src="https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.58-PM-2.png" alt="给我五块钱 表情包" width="244" height="242" srcset="https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.58-PM-2.png 244w, https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.58-PM-2-150x150.png 150w" sizes="(max-width: 244px) 100vw, 244px" /><figcaption id="caption-attachment-44" class="wp-caption-text">Give Me Five</figcaption></figure>
<p><span style="color: #993300;">编辑页面倒是可以了，但是发布之后还是不在同一行。这操作，实在佩服。</span></p>
<p>这里要强调一下：WordPress还不是所有html code都接受，敲了代码试图修改一下，结果还竟然被WordPress直接删掉了。。。<br />
最后终于有一行代码没有被残忍地抹掉。而且虽然效果很难看，但是好歹也将就算是在同一行。做法是：</p>
<p>第一张图片<span style="color: #ff0000;">靠左</span>，第二章图片<span style="color: #ff0000;">靠中间</span>，然后在切换到“文本”视图（我强制用了旧版编辑器，新版编辑器好像叫“代码模式”？）<span style="color: #ff0000;">编辑源代码</span>，在两个图片中间加入<span style="color: #ff0000;">&lt;div style=&#8221;float: left;&#8221;&gt;</span>这段代码。然后在第二张图片后面加入<span style="color: #ff0000;">&lt;/div&gt;</span> 其目的就是让第二张图片靠左 靠左 靠左！</p>
<figure id="attachment_58" aria-describedby="caption-attachment-58" style="width: 640px" class="wp-caption aligncenter"><img decoding="async" class="wp-image-58 size-large" src="https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-4.26.39-PM-2-1024x179.png" alt="图片近乎平行的代码 截图" width="640" height="112" srcset="https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-4.26.39-PM-2-1024x179.png 1024w, https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-4.26.39-PM-2-300x52.png 300w, https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-4.26.39-PM-2-768x134.png 768w" sizes="(max-width: 640px) 100vw, 640px" /><figcaption id="caption-attachment-58" class="wp-caption-text">图片近乎平行的代码</figcaption></figure>
<figure id="attachment_43" aria-describedby="caption-attachment-43" style="width: 240px" class="wp-caption alignleft"><img fetchpriority="high" decoding="async" class="wp-image-43 size-full" src="https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.29-PM-2.png" alt="暗中观察 表情包" width="240" height="242" srcset="https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.29-PM-2.png 240w, https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.29-PM-2-150x150.png 150w" sizes="(max-width: 240px) 100vw, 240px" /><figcaption id="caption-attachment-43" class="wp-caption-text">暗中观察</figcaption></figure>
<div style="float: left;">
<figure id="attachment_44" aria-describedby="caption-attachment-44" style="width: 244px" class="wp-caption alignnone"><img decoding="async" class="wp-image-44 size-full" src="https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.58-PM-2.png" alt="给我五块钱 表情包" width="244" height="242" srcset="https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.58-PM-2.png 244w, https://i0oo0.com/wp-content/uploads/2019/02/Screen-Shot-2019-02-19-at-3.51.58-PM-2-150x150.png 150w" sizes="(max-width: 244px) 100vw, 244px" /><figcaption id="caption-attachment-44" class="wp-caption-text">Give Me Five</figcaption></figure>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p style="text-align: left;">通过上面可以看到发布之后虽然第二张图片没有特别靠左，但是它也算和第一张图片<span style="color: #0000ff;">几乎</span>在一条线上了。不过并不是挨着，也不是平行（另外你可能需要多摁几下回车让文字可以靠下。）。小生才疏学浅，只能做到这个地步。自愧不如。（感觉满满都是bug T_T）</p>
<p>要滚去吃饭了，就酱</p>
<p><a href="https://i0oo0.com/2019/02/19/wordpress%e5%b0%86%e4%b8%a4%e5%bc%a0%e5%9b%be%e7%89%87%e5%b9%b6%e6%8e%92/">WordPress将两张图片并排（待改进）</a>最先出现在<a href="https://i0oo0.com">猪 i0oo0</a>。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://i0oo0.com/2019/02/19/wordpress%e5%b0%86%e4%b8%a4%e5%bc%a0%e5%9b%be%e7%89%87%e5%b9%b6%e6%8e%92/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
