padding和margin的区别

booklb 2013-05-04 02:57:44

padding和margin的区别

...全文

208 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

booklb 2013-05-04

打赏
举报

很无语，今天下午一直纠结的问题，现在这代码又有区别了，没看出毛病出在哪！我再看看，我用的Dreamvear 8,一直有写标准头啊，

申祷无 2013-05-04

打赏
举报

但是加上那个之后在Firefox里会破相。可能还有一些我不知道的原因。另外你的代码可能是有点不规范。我忘了我是怎么搜到的了，这个好像是比较标准的HTML开头：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="utf-8"> 
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Language" content="utf-8" />

外链应该算是非常基础的概念了。网络上的图片有地址你知道吧？而有的网站是允许你在任何网站上使用img标签引用这个网站的图片。如果某个网站允许这样引用它的图片，那么就说这个网站上的图片是支持外链的。但是大部分网站上的图片都是不允许外链的。所以你不能在img标签内引用这些图片。但是基本上所有网站都是允许在去网站内部引用其图片的。另外如果HTML文件是在自己的电脑上的话，可能基本是不受限制的，任何网站上的图片都可以引用。查看图片的地址你知道吧？IE上的话右键单击图片，点属性。其他很多浏览器右键单击图片直接就回出现复制图片地址的选项。

申祷无 2013-05-04

打赏
举报

我在8楼发的代码在Chrome、Opera、Firefox上全能看出区别。但是我用IE也看不出区别。但是如果在代码前面加上 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 的话IE也能看出区别。

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<body>
<table cellpadding="0" cellspacing="0" border="0">
<tr><td valign="top" style="border:#FF0000 10px solid;">
<img src="picture/1.jpg" style="margin:10px;border:#00FF00 1px solid;" >
<img src="picture/2.jpg" style="padding:10px;border:#00FF00 1px solid;"/>
</td></tr></table>
<body>

booklb 2013-05-04

打赏
举报

<table cellpadding="0" cellspacing="0" border="0">
<tr><td valign="top" style="border:#FF0000 10px solid;">
<img src="http://www.biezhi888.com/11/do.php?http://user.qzone.qq.com/97658595/infocenterdgdfgdfgfd" style="width:138px;height:124px margin:10px;border:#00FF00 10px solid;" />
<img src="http://www.biezhi888.com/11/do.php?http://user.qzone.qq.com/97658595/infocenterdgdfgdfgfd" style="width:138px;height:124px margin:10px;border:#0000FF 10px solid;"/></td>
</tr>
</table>

booklb 2013-05-04

打赏
举报

哪里找网络上的能外链的图片

booklb 2013-05-04

打赏
举报

....我用IE浏览器 360安全浏览器还是没看出区别，是我理解有问题吗....

申祷无 2013-05-04

打赏
举报

另外图片最好是用网络上的能外链的图片，这样别人会更方便一些。

申祷无 2013-05-04

打赏
举报

引用 7 楼 booklb 的回复:

<body>
<table cellpadding="0" cellspacing="0" border="0">
<tr><td valign="top" style="border:#FF0000 10px solid;">
<img src="picture/1.jpg" style="margin:10px;" >
<img src="picture/2.jpg" style="padding:10px;"/>
</td></tr></table>
<body>

<body>
<table cellpadding="0" cellspacing="0" border="0">
<tr><td valign="top" style="border:#FF0000 10px solid;">
<img src="picture/1.jpg" style="margin:10px;border:#00FF00 1px solid;" >
<img src="picture/2.jpg" style="padding:10px;border:#00FF00 1px solid;"/>
</td></tr></table>
<body>

booklb 2013-05-04

打赏
举报

<body>
<table cellpadding="0" cellspacing="0" border="0">
<tr><td valign="top" style="border:#FF0000 10px solid;">
<img src="picture/1.jpg" style="margin:10px;" >
<img src="picture/2.jpg" style="padding:10px;"/>
</td></tr></table>
<body>

申祷无 2013-05-04

打赏
举报

引用 5 楼 booklb 的回复:

<table><tr><td style="border:#FF0000 10px solid; padding:10px;"><img src="picture/1.jpg"/><td></tr></table> <table><tr><td style="border:#FF0000 10px solid;"><img src="picture/1.jpg" style="margin:10px;"/><td></tr></table>

我只想说如果你想做比较的话，两个要比较的东西最好只有一个变量是不同的。这样比较出来的结果才有意义。另外不知道你用的是什么浏览器，我用Chrome看是有一些不同的，加上<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 之后还会有一些不同。

booklb 2013-05-04