1.強制文本單行顯示：white-space:nowrap;

2.設置溢出文本顯示為省略標記：text-overflow:ellipsis;
(注：text-overflow:clip | ellipsis | ellipsis-word;（css3新增加的）
其中clip表示直接裁切溢出的文本；
值ellipsis表示文本溢出時，顯示省略標記(...)，省略標記代替最后一個字符；
值ellipsis-word表示文本溢出時，也是顯示省略標記(...),不同的是，省略標記代替的是最后一個詞)

3.例如一段代碼：<a href="javascript:void(0)"><img src="images/suba.gif"></a>
當點擊a標簽里面的圖片的時候，有虛線框，IE中圖片還有邊框，如何解決？
解決辦法：
a{outline:none;}//主要是針對火狐等瀏覽器，但IE不行
img{border:0;}
a:active{noOutline:expression(this.onFocus=this.blur());}//解決IE6，IE7中的虛線框。

對于a標簽來說，一般簡單的解決辦法是：
在a標簽里加入js控制，當a標簽被聚焦時，強制取消焦點，這時候a標簽自然不會有虛線框。

<a href="#" onfocus="this.blur();">測試</a>
但是當連接太多的時候，一個一個的加這段代碼不實用

4.html中兩張圖橫向回車導致間隙,怎么才能去除成為無間隙？

例如：div 寬300px ; img 寬100px; border:0px;

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表