div span padding marring

来源:百度知道 编辑:UC知道 时间:2024/06/21 17:24:25
现在有一个div,里面有一个span,现在我想控制它们之间的垂直距离,第1种:在span上写样式 第二种:在div上写样式,我现在就是分不清padding和marring

<div><span></span></div>是这样?
建议在div设样式.
直接给你个例子.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div style="height:200px;border:1px #000 solid;padding:20px;"><span>直接设置div样式,用padding,内边距20px;建议用这种<span></div> <br/>
<div style="height:200px;border:1px #000 solid;"><span style="margin:20px;display:block">直接在span设样式,用margin,与div距离20px,此处加了display:block,<span></div>
</body>
</html>

好像
第一个 内边距
第二个 外边距
一个是内
一个是外

最好用第一个 要不容易错位