网站 – 第 5 页

一个小小的双引号引发的思考-XP内IE下的字体(终)

这是我的终极方案了…其实这个最简单IE6,7的中文双引号,蛋疼!这个方案从代码和易于理解的角度来看是最好的,缺点就是要外部引用两个东东,如果网速不好就杯具了.这次也不多少了,用到一个伪类选择器(为了兼容IE6,IE7引入了一个JS文件),用到上次说的外部引用google font.那就直接上代码和DEMO测试页

<!DOCTYPE html>
<html>
<head>
<title>大双引号文字段自适应DEMO</title>
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<link href='http://fonts.googleapis.com/css?family=Anonymous+Pro:700' rel='stylesheet' type='text/css'>
<![endif]-->
<style type="text/css">
.container {width: 720px;color: #000;padding:20px;background-color: #eee; text-align: left;position: absolute;top: 200px;left: 220px;}
.content {margin:40px 0 0 8px;padding-bottom:30px;position: relative;font:bold 24px/40px "Microsoft YaHei";text-indent:0;}
.content:before, .content:after {font:bold 160px/160px Arial;*font-family:"Anonymous Pro"; height:75px;overflow: hidden;}
.content:before {content:"“";position: relative;display:inline;margin: -40px 0 0 0;float: left;*top: -5px;
}
.content:after {content:"”";position:absolute; margin: -12px 0 0 -15px; *margin: -20px 0 0 5px;}
</style>
</head>
<body>
    <div class="container">
		<p class="content">HTC于北京时间23：00在英国伦敦和美国纽约同步举行发布会，正式发布新旗舰智能手机HTC One (M8)，0界面等几大亮点。HTC One (M8)带来突破性的设计与质量，拥有一体成型的高质感金属外型设计，5.0英寸1080p屏幕，极窄边框以及平滑柔和的圆弧曲线，机身更加圆润和轻薄。</p>
    </div>
</body>
</html>

之前的几种方法,参考:
一个小小的双引号引发的思考-XP内IE下的字体(上)
一个小小的双引号引发的思考-XP内IE下的字体(下)

话说这个WORDPRESS更新真是快,才更新到3.8.2,这下又出了3.9- -,好在不用改主题…

Sublime Text 3近期使用总结(常用插件篇)

虽然很早就有了解,不过实际上还是近期因工作需要才开始正式以sublimeText3做主要开发工具.为此费了不少精力学习这个编辑器,现总结如下.

因为网上大部分都是介绍sublime text 2的相关内容,很多插件实际上在3已经不好用了,~~并且sublime text 3安装插件也不需要调用控制台了(貌似便携版还是需要手动添加,通过快捷键 ctrl+` 或者 View > Show Console 菜单打开控制台~~

import urllib.request,os;pf=’Package Control.sublime-package’;ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));open(os.path.join(ipp,pf),’wb’).write(urllib.request.urlopen(‘http://sublime.wbond.net/’+pf.replace(‘ ‘,’%20’)).read())

如果以上报错(上面可能只适用于安装版,如果便携版报错)请试试下面这条

import urllib.request,os,hashlib; h = ‘7183a2d3e96f11eeadd761d777e62404’ + ‘e330c659d4bb41d3bdf022e94cab3cd0’; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( ‘http://sublime.wbond.net/’ + pf.replace(‘ ‘, ‘%20’)).read(); dh = hashlib.sha256(by).hexdigest(); print(‘Error validating download (got %s instead of %s), please try manual install’ % (dh, h)) if dh != h else open(os.path.join( ipp, pf), ‘wb’ ).write(by)

如果还是不行,请参考: https://sublime.wbond.net/installation (更新日期2014年9月4日)

~~更新日期:2014年5月5日)~~,直接在Preferences里面就可以看到Package Control,进行插件安装.我专也门查了很多资料,根据个人习惯以及工作需要对于sublime text 3的常用插件做了一些整理,有需要的可以参考一下:

bracketHighLighter (Bracket and tag highlighter for Sublime Text)

Bracket Highlighter matches a variety of brackets such as: [], (), {}, "", '', <tag></tag>, and even custom brackets.
自动在成对标签内的首尾下面添加一个下划线,方便查看是否有遗漏的tag或者js里面少写了一些闭合符号.

继续阅读“Sublime Text 3近期使用总结(常用插件篇)”