1.強(qiáng)制文本單行顯示:white-space:nowrap;
2.設(shè)置溢出文本顯示為省略標(biāo)記:text-overflow:ellipsis;
(注:text-overflow:clip | ellipsis | ellipsis-word;(css3新增加的)
其中clip表示直接裁切溢出的文本;
值ellipsis表示文本溢出時(shí),顯示省略標(biāo)記(...),省略標(biāo)記代替最后一個(gè)字符;
值ellipsis-word表示文本溢出時(shí),也是顯示省略標(biāo)記(...),不同的是,省略標(biāo)記代替的是最后一個(gè)詞)
3.例如一段代碼:<a href="javascript:void(0)"><img src="images/suba.gif"></a>
當(dāng)點(diǎn)擊a標(biāo)簽里面的圖片的時(shí)候,有虛線框,IE中圖片還有邊框,如何解決?
解決辦法:
a{outline:none;}//主要是針對(duì)火狐等瀏覽器,但I(xiàn)E不行
img{border:0;}
a:active{noOutline:expression(this.onFocus=this.blur());}//解決IE6,IE7中的虛線框。
對(duì)于a標(biāo)簽來說,一般簡單的解決辦法是:
在a標(biāo)簽里加入js控制,當(dāng)a標(biāo)簽被聚焦時(shí),強(qiáng)制取消焦點(diǎn),這時(shí)候a標(biāo)簽自然不會(huì)有虛線框。
<a href="#" onfocus="this.blur();">測試</a>
但是當(dāng)連接太多的時(shí)候,一個(gè)一個(gè)的加這段代碼不實(shí)用
4.html中兩張圖橫向回車導(dǎo)致間隙,怎么才能去除成為無間隙?
例如:div 寬300px ; img 寬100px; border:0px;
新聞熱點(diǎn)
疑難解答
圖片精選