处理可变内容保证金的最佳实践方法？

好吧，我为一个朋友拼凑的快速网站大约有20个静态页面。每个人都有少量的内容。 div容器包含div内容，而div内容显然包含每个页面上更改的内容。处理可变内容保证金的最佳实践方法？

现在，根据内容的长度，我希望在顶部有一个不同的边距。内容越少，则边距越大。只是一个美学选择。例如，如果内容几乎填充了静态大小的容器，则填充量较少，但1行内容页面可能是静态容器下的1/3。将内容集中在div中不会这样做，因为这会造成太大的保证金。

最好的处理方法是什么？每个不同边距的内容都有一个新课程？一个新的身份证，以便它在自己的特殊分区中定位或保留区域不同？在每个页面上内联css来覆盖div内容的标准css？在每个页面上的内容之前，容器内部有不同的spacer div？ Content =（ContainerHeight - ContentHeight）/ 3的边缘线的某种脚本？

这样做的可接受的方式是什么？我不想陷入坏习惯。

来源

2010-04-28 Aithne

如果javascript是一个选项，您可以计算您的内容框的高度，并根据您喜欢的公式设置顶部边距。

jQuery中它会是这样的：

c_height = $("#Content").height(); 
c_margin = Math.floor(/* your formula */); 
$("#Content").css("margin-top", c_margin + "px");

（不知道的"px"部分...）

来源

2010-04-28 01:45:58 jeroen

我会去简约路线，并在全球范围定义单个上缘，与内联CSS可以在需要它的页面中覆盖它。假设你编辑了单行页面之一来添加更多的内容 - 在这种情况下，你可能想要改变该页面的布局而不是其他的，所以这种改变可能就在页面本身中。

另一方面，如果您选择三种边距尺寸，并根据其中包含多少内容为每个页面分配一个页面，那么这些页面可能会感觉更加实用和一致。然后，当你扩展一行时，你可以简单地将它的类从小的边界改变到中等，所以把div.smallVMargin这样的类放到中央样式表中是有意义的。你想避免的是一个外部CSS文件，其类如div.page16或div.margin25px。

来源

2010-04-28 02:05:03 fenomas

处理可变内容保证金的最佳实践方法？

回答

相关问题