杰拉斯的博客

去除inline-block元素间间距的N种方法

杰拉斯 杰拉斯 | 时间:2012-06-15, Fri | 4,630 views
前端开发 

一、现象描述

真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距,很简单的个例子:

<input /> <input type="submit" />

间距就来了~~
表单控件之间的间距例子
我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题:

.space a {
    display: inline-block;
    padding: .5em 1em;
    background-color: #cad5eb;
}
<div class="space">
    <a href="##">惆怅</a>
    <a href="##">淡定</a>
    <a href="##">热血</a>
</div>

inline-block水平元素间的间距示意

您可以狠狠地点击这里:inline-block元素间间距demo

这种表现是符合规范的应该有的表现(如果有人认为是bug就太()ay ()oy 了)。

不过,这类间距有时会对我们布局,或是兼容性处理产生影响,需要去掉它,该怎么办呢?以下展示N种方法(欢迎补充)!

(阅读全文…)

拜拜了,浮动布局——基于inline-block的列表布局

杰拉斯 杰拉斯 | 时间:2012-06-15, Fri | 18,029 views
前端开发 

本文其实真实题目应该是“CSS float浮动的深入研究、详解及拓展(三)”,但是为了更显著的体现本文的核心内容,顺便搞点噱头吸引眼球,同时跟百哥和谷妹玩点小暧昧,就改成了现在这个样子了。

一、一抹前言

没有爱的日子,时间如指尖细沙,不知不觉就流逝了。写“CSS float浮动的深入研究、详解及拓展(一)”和“CSS float浮动的深入研究、详解及拓展(二)”似乎就在不久前,然而相隔差不多有一年之久了。文章最后留下了“浮动布局更好的替代方案是什么?”后文再介绍的预告。

由于自己肚子中的货物不足以撑起一篇足够质量的文章,所以关于“浮动布局更好的替代方案是什么?”的文章一直并未动笔。好在事物总是在发展的,我也是每天都是在进步,对于列表布局的思考也愈发成熟。加上正好前不久又有人询问我“浮动布局的替换方案是什么”,于是觉得介绍“浮动布局的替换方案“的时机成熟了。

要注意,本文的布局专指列表布局。就是具有相同DOM结构的水平排列可以repeat出来的列表元素。如QQ校友中的图片列表(图片截自老同学相册,已隐去名字):
列表布局示意

(阅读全文…)

Adobe Flash CS6升级后提示FlashResources.dll丢失的解决办法

杰拉斯 杰拉斯 | 时间:2012-06-08, Fri | 38,322 views
前沿信息 

前两天花了很大功夫终于把Adobe CS6 Master Collection(大师典藏版)下载了下来,安装完却发现竟然是繁体中文版,只好重新下载了一个Adobe CS6简体中文大师版,但升级后发现提示FlashResources.dll不存在,虽然在“其他语言设置”文件夹中的修正说明有提到,但说明中需要替换的Adobe Flash CS6文件夹却是空的。自己分析了一下,终于找到原因和解决办法:

  • 程序升级正常来说不可能会删除程序的必要文件;
  • Adobe中文大师版中Flash CS6的默认语言为繁体中文;
  • 安装目录中发现zh_CN及zh_TW两个文件夹,zh_CN中存在FlashResources.dll而zh_TW中没有;
  • 有可能升级后关于语言的配置文件被还原,因此语言包路径改变导致找不到文件而无法启动;
  • 最终找到AMT文件夹中application.xml文件包含语言包信息,将其中installedLanguages项的zh_TW替换为zh_CN即可正常启动。

Adobe Master Collection CS6(简体中文大师版)下载

杰拉斯 杰拉斯 | 时间:2012-06-08, Fri | 45,202 views
前沿信息 

Adobe Master Collection CS6 简体中文v2

本安装包制作原理同其他CS5.5,CS6简体大师版一样,替换了繁体安装包

(未动校验值和签名,要制作“原生”简体大师,除非您提供算法

所以Adobe组件的默认语言变量是zh-TW,部分可以修改的地方后面会提供

本安装包所含离线激活仅适用于 Master Collection 版本(如果您试图用于其他版本,使用时可能会弹试用界面)

本安装包收录了常见CS6破解小组的作品——“各种补丁汇总”(如amtlib.dll破解)

本安装包在Win7x64上测试通过

推荐您使用Win7x64平台安装使用以获得最佳的使用效果

(阅读全文…)

初识PhoneGap

杰拉斯 杰拉斯 | 时间:2012-06-07, Thu | 5,260 views
前端开发, 编程算法 

初识phonegap

一、PhoneGap是什么?

PhoneGap是一个标准的开源框架,用PhoneGap开发移动应用是免费的,无论是商业或是开源;一个用基于HTMLCSSJavaScript的,创建跨平台移动应用的快速开发平台。它使开发者能够利用iPhone、Android、Palm、Symbian、WP7、Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能。

(阅读全文…)