复制代码代码如下:

方法(此方法Firefox5.0尚不支持)：

#test{width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

备注：首先需设置将文本强制在一行内显示，然后将溢出的文本通过overflow:hidden截断，并以text-overflow:ellipsis方式将截断的文本显示为省略号。

6.如何使连续的长字符串自动换行?

复制代码代码如下:

方法：#test{width:150px;word-wrap:break-word;}

备注：word-wrap的break-word值允许单词内换行

7.如何去掉超链接的虚线框?

复制代码代码如下:

方法：a{outline:none;}

备注：IE7及更早浏览器由于不支持outline属性，需要通过js的blur()方法来实现，如

onfocus="this.blur();"...

8.标准模式Standard mode和怪异模式Quirks mode下的盒模型区别?

复制代码代码如下:

方法：

标准模式下：Element

width = width + padding + border

怪异模式下：Element

width = width

备注：相关资料请参阅CSS3属性box-sizing

9.如何在文本框中禁用中文输入法?

复制代码代码如下:

方法：input,textarea{ime-mode:disabled;}

备注：ime-mode为非标准属性，写该文档时只有IE和Firefox支持

10.如何让层在falsh上显示?

复制代码代码如下:

方法：

name="wmode" value="transparent" />

备注：设置flash的wmode值为transparent或opaque

11.如何设置IE下的iframe背景透明?

复制代码代码如下:

方法：

设 置iframe元素的标签属性allowtransparency="allowtransparency"然后设置iframe内部页面的body背景 色为transparent。不过由此会引发IE下一些其它问题，如：设置透明后的iframe将不能遮住select

好了CSS常见技巧是什么内容就给大家介绍到这里了。希望大家继续关注我们的网站!

相关推荐：

divcss圆形头像图标的制作技巧