1.強制文本單行顯示：white-space:nowrap;
2.設(shè)置溢出文本顯示為省略標(biāo)記：text-overflow:ellipsis;
(注：text-overflow:clip | ellipsis | ellipsis-word;（css3新增加的）
其中clip表示直接裁切溢出的文本；
值ellipsis表示文本溢出時，顯示省略標(biāo)記(...)，省略標(biāo)記代替最后一個字符；
值ellipsis-word表示文本溢出時，也是顯示省略標(biāo)記(...),不同的是，省略標(biāo)記代替的是最后一個詞)
3.例如一段代碼：<a href="javascript:void(0)"><img src="images/suba.gif"></a>
當(dāng)點擊a標(biāo)簽里面的圖片的時候，有虛線框，IE中圖片還有邊框，如何解決？
解決辦法：
a{outline:none;}//主要是針對火狐等瀏覽器，但IE不行
img{border:0;}
a:active{noOutline:expression(this.onFocus=this.blur());}//解決IE6，IE7中的虛線框。
對于a標(biāo)簽來說，一般簡單的解決辦法是：
在a標(biāo)簽里加入js控制，當(dāng)a標(biāo)簽被聚焦時，強制取消焦點，這時候a標(biāo)簽自然不會有虛線框。
<a href="#" onfocus="this.blur();">測試</a>
但是當(dāng)連接太多的時候，一個一個的加這段代碼不實用
4.html中兩張圖橫向回車導(dǎo)致間隙,怎么才能去除成為無間隙？
例如：div 寬300px ; img 寬100px; border:0px;
5.css ie6、ie7中overflow:hidden無效解決辦法
產(chǎn)生原因：
當(dāng)父元素的直接子元素或者下級子元素的樣式擁有position:relative 屬性時，父元素的overflow:hidden 屬性就會失效。
解決辦法：
我們在IE 6、7 內(nèi)發(fā)現(xiàn)子元素會超出父元素設(shè)定的高度，即使父元素設(shè)置了overflow:hidden。
解決這個bug很簡單，在父元素中使用 *position:relative; 即可解決該bug
6.表格語法
