有关如何使用边距的信息

Question

我需要一些有关如何使用边距以及填充到底如何工作的信息。

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

Answer 1

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

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

但是看看上面的 URL，并为自己制作一个测试页面来玩一下，这应该都是有意义的。

Answer 2

我认为这应该满足您的要求：

<table width="100%" 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 像素的不可见边框。

Answer 3

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