有关如何使用边距的信息

Posted 2023-03-17

【中文标题】有关如何使用边距的信息

【英文标题】：Information on how to use margins

【发布时间】：2010-09-11 09:20:22

【问题描述】：

我需要一些关于如何使用边距以及 padding 的工作原理的信息。

例如：我应该放一条线来占据页面的整个宽度（无论使用什么分辨率来显示网页），每边只留一个小边框，我怎么能做到这一点？

【参考方案1】：

看看这个：http://redmelon.net/tstme/box_model/

基本上，一个元素由内容组成，被它的内边距包围，然后是边框，然后是外边距。背景图像仅延伸至边界。最好将边距描述为“该元素周围的空白”。

但是看看上面的网址，把自己做成一个测试页面来玩，应该都有意义。

【参考方案2】：

我认为这应该做你想要的：

<table  cellpadding="5">
  <tr>
    <td>
One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... 
    </td>
  </tr>
</table>

将宽度设置为“100%”会强制文本使用全宽，而将 cellpadding 设置为“5”会设置 5 个像素的不可见边框。

【讨论】：

填充不是 html 属性。您可能正在考虑 cellpadding ..？

你说得对，丹，我一直在考虑细胞填充。但是（这不是借口）上面的 html 代码使用 IE 完成了这项工作。

【参考方案3】：

另一种说明它的方式是在盒子模型中，填充是盒子的内部“边距”，边距是盒子周围的缓冲区。