html - 如何在div的给定像素处绘制垂直线

Question

用 border-left 和 border-right 画一条垂直线似乎很容易。

但在我的例子中，我只有一个 div，我需要在给定的像素处画一条垂直线 说(240px)。

我怎样才能做到这一点？

Answer 1

为此，您可以使用 :after 或 :before 伪元素，并将其放置在 absolute 240px 处。

示例: http://jsfiddle.net/abhitalks/YMS4F/1/

CSS:

div.split {
    position: relative;
    height: 20px;
    width: 400px;
    border: 1px solid black;
}

div.split:after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    border-left: 1px solid gray;
    position: absolute;
    top: 0px;
    left: 240px;
}

以像素为单位的宽度和高度用于演示目的。希望你明白了。