2

我正在使用 960.gs 网格系统创建一个 HTML 页面。我想在其中一个排水沟的中心画一条垂直虚线。

带有网格覆盖的页面（用红色标记的排水沟）：

带有模拟垂直虚线的页面：

但是，在 grid.css 样式表中，排水沟作为边距被强制执行。当我向内容列添加边框时，它会立即关闭网格并打破页面（最后一列 DIV 换行到下一行）。

我的解决方法是给整个页面一个 940px x 2px 的垂直重复背景，包含点，这样它就会产生虚线边框的错觉。

我更希望这是在代码中处理的。

我的问题：是否有类似的行为类型text-indent？

与负值一起使用，这会拉回文本的开头，而不会影响 DIV 的大小、边距、填充或相邻的 DIV。

也许我可以对列的边界做类似的事情。

4

2 回答 2

1

在问题中，我的解决方法 - 以及最终的解决方案 - 是给整个页面一个 940px x 2px 的垂直重复背景，包含点，这样它就会产生虚线边框的错觉。

据我了解，这是我找到的最理想和最有效的解决方案。

于 2012-05-04T16:36:20.640 回答
0

您必须添加一个额外的div. 当你想添加padding.

<div class="container_12">
    <div class="grid_6">
        <div id="content">
            <!-- Your content -->
        </div>
    </div>
</div>

#content { 
    border-right: 1px dotted black;
    padding: 0 1em;
}
于 2012-02-09T00:23:33.933 回答