邪罗刹的菠萝阁

> 小邪注意到增加了表情功能以后，24 x 24 的表情图标会影响到行间距和位置显示效果。
> 所以简单的使用 CSS 对它们进行微调即可将图标居中，并且将行间距适当的减少。

> 呵呵，使用 Margin 参数和 Position 参数对元素进行定位与调整也是必备的能力。
> 其实方法很简单，这里主要是总结一下 Position 参数的使用，和 Margin 与 Padding 之间的关系。

> P.s. 我很纠结，丫的居然在 Twitter 把我的 Evlos 用户名给抢注了，而且还一次都没有推过，杯具啊。

> 话说上面的图片中内容在我的关于页面可以找到，呵呵，我喜欢收集这些句子。

1. 关于 CSS 定位元素的罗列：

2. 关于 Positon 属性的说明：

3. 没有对表情使用 CSS 的时候是这样的：

img {
}

4. 使用以下代码调整位置：

img {
	bottom:-6px;
	position:relative;
}

5. 使用以下代码调整行间距：

img {
	bottom:-6px;
	position:relative;
	margin-top:-6px;
}

6. 对 Elegant box 主题的修改与修正：

> 在任意位置加入以下代码。

.commentlist .comment .comment_text img {
	bottom:-8px;
	position:relative;
	margin-top:-8px;
}

> 同时对嵌套元素进行修正，防止影响用户头像，位于 WP Thread Comment 的 CSS 文件：

.comment-childs .userpic img {
	bottom:0px;
	margin-top:0px;
	position:static;
}

7. 那个啥的门：

> 灰常猥琐滴在这里开个传送门，有个小程序分享下，叫那个啥的门（嘿嘿，应该能猜到吧）。
> 那个啥的门可以全自动翻墙，只要一打开，IE和Chrome就自动翻好了，关闭就自动翻回来。
> 密码我就不说了，全中国都知道。21 世纪，翻墙是必备的生存技能！一定要认真学习。