如何去掉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>
终于可以松下一口气了。
如何向textarea标签中插入图片
代码如下:
- <html>
- <head>
- <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
- <title>phplamp站-如何向textarea标签中插入图片</title>
- <script type="text/javascript">
- function fun() {
- var oImg = document.createElement('img');
- oImg.src = "me.gif";
- document.getElementById('test').appendChild(oImg);
- }
- </script>
- </head>
- <body>
- <textarea id="test" rows="20" cols="50"></textarea>
- <img src="me.gif" onclick="fun()" value="fun">
- </body>
- </html>
