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

我将此添加到您的“东方”课程

position:absolute;
top:43px;
left:-80px;

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

Answer 2

如果你想在上面的评论中添加箭头，就像你发给我的流程图一样，你可以将它添加到你的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/

使用CSS进行箭头对齐

2 个答案: