不同浏览器中使用 的差异

1  &nbsp:

不同的浏览器会有不同的默认字体,我写了一个测试的文件在IE下和FF下都是正常的,但是在Safari下显示效果却不一样。一般IE和FF的默认字体都是宋体,而Safari的默认字体是Times New Roman,宋体是字符等宽的字体,但Times New Roman不是字符等宽的字体,因为浏览器默认字体的不同,空格符 在不同的浏览器下面的显示宽度也不同。所以我写的测试文件在IE和FF这两个默认字体是宋体的浏览器下的显示效果是一样的,但是在Safari下的显示却不同。

解决办法:在空格那一行设置一下字体,把字体设置成任意一种字符等间距的字体就行了。

<font style="font-family: '宋体', Simsun;" mce_style="font-family: '宋体', Simsun;"> &nbsp;&nbsp;</font>


2    &nbsp和空格的区别:

var str = "<fontcolor='#ff0000'>AA&nbsp;BBCC</font> DD";
TF1.html = true;
TF1.htmlText = str;
TF2.html = true;
TF2.htmlText = str;

第一个文本框未嵌入字体,“&nbsp;”空格和普通空格都可以正常显示
第二个文本框使用了嵌入字体,“&nbsp;”空格无法正常显示了

原来两种空格是不一样的,“&nbsp;”的编码为160,而“ ”为32
嵌入字符的时候要补上“&nbsp;”的空格

具体操作:先不嵌入字体,发布swf,拷贝“&nbsp;”产生的空格,
回到fla编辑状态,嵌入拷贝到的空格,及其他字符,这样就好啦

 

用"&nbsp;"来代替空格,一个"&nbsp;"相当于一个空格,多加几个"&nbsp;"就可以把空格拉大。虽然"&nbsp;"可以当作空格用,但是"&nbsp;"其实和空格是不一样的,nbsp是英文Non-BreakingSPace的缩写,可以直接翻译成“不被折断的空格”。比如下面这段html:

<h2>10 Most Sought-after Skills in Web Development</h2>

假设<h2>的宽度有限,只能容下“10 MostSought-after Skills in Web”,由于WebDevelopment之间用的是空格,"Development"就会被移到第二行。因为WebDevelopment是相关的两个词,所以如果可以把它们同时移到第二行,效果可能会更好一点。为了到达这个目的,我们可以在WebDevelopment之间用"&nbsp;"来代替空格,这个样它们就会被连在一起。

<h2>10 Most Sought-after Skills in Web&nbsp;Development</h2>



发布了18 篇原创文章 · 获赞 2 · 访问量 3万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览