html - 有关如何使用边距的信息

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%”会强制文本使用全宽，将单元格填充设置为“5”会设置 5 个像素的不可见边框。

Answer 3

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