如何去掉HTML Img标签下的间距空白?

很早就发现自己HTML布局各浏览器兼容性不是很好,最难搞的一个问题就是Img标签下有间距,也是一直以来没有解决的问题。

:Img及其周围的标签Margin,Padding属性均为0。

今天无意的一句代码居然搞定了且Ie、Firefox、Chrome、Opera完全兼容。

去掉Img标签下的间距代码(红色部分):

<img src="http://www.xgto.cn/img/logo.gif"  align="absmiddle" style="margin:0;paddng:0;border:1px solid red;" />

<div style="margin:0;padding:0;border:1px solid blue;">看我有间距没</div>

终于可以松下一口气了。

版块:html-css笔记 Tags: , 时间:2009-10-13 评论:(0)

如何向textarea标签中插入图片

代码如下:

XML/HTML代码
  1. <html>  
  2. <head>  
  3. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">  
  4. <title>phplamp站-如何向textarea标签中插入图片</title>  
  5. <script type="text/javascript">  
  6.     function fun() {   
  7.         var oImg = document.createElement('img');   
  8.         oImg.src = "me.gif";   
  9.         document.getElementById('test').appendChild(oImg);   
  10.     }   
  11. </script>  
  12. </head>  
  13. <body>  
  14. <textarea id="test" rows="20" cols="50"></textarea>  
  15. <img src="me.gif" onclick="fun()" value="fun">  
  16. </body>  
  17. </html>  
版块:javascript笔记 Tags: , 时间:2008-07-12 评论:(0)