有关如何使用边距的信息

Question

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

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

Answer 1

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

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

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

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

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