css - 使用 CSS 对齐箭头

Question

我想使用 CSS 和 Jquery 将箭头与线对齐。

我有一个 jfiddle 的链接。这是我的代码。我想将箭头与线对齐。这是箭头 CSS:

.east {
    border-top: 5px solid #dcddd8;
    border-left: 5px solid #dcddd8;
    height: 15px;
    width: 15px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    display:inline-block;
}

JSFiddle link here

Answer 1

如果你想像在上面的评论中发给我的流程图一样添加箭头，你可以将它添加到你的 css

.sep:after{
    content:"";
    position:absolute;
    border:6px solid;
    border-color:transparent transparent transparent #eee9dc;
    left:-70px;
    top:47px;
 }

http://jsfiddle.net/Xero1212/u56qF/6/