有关如何使用边距的信息
时间:2020-03-06 14:27:17 来源:igfitidea点击:
我需要一些有关如何使用边距以及填充如何正确工作的信息。
例如:我是否应该用一条线占据页面的整个宽度(无论使用哪种分辨率来显示网页),在每侧都留一个小边框,如何实现呢?
解决方案
看看这个:http://redmelon.net/tstme/box_model/
基本上,一个元素由内容组成,其内容被其填充,边框,边界所包围。背景图像仅延伸到边界。边缘最好描述为"此元素周围的空白"。
但是,请看一下上面的URL,并让自己成为一个可以玩的测试页,这应该都有意义。
我认为这应该做我们想要的:
<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>
将width设置为" 100%"会强制文本使用整个宽度,而将cellpadding设置为" 5"则会设置5个像素的不可见边框。
另一种说明方法是在盒子模型中,填充是盒子内部的"边距",边距是盒子周围的缓冲区。