css线条向右边缩短 |jquery curcss 替代

.line {
width: 100%;
height: 1px;
background-color: black;
position: relative;
left: 50%;
transform: translateX(-50%);
}

上述CSS代码中，使用position和left属性将线条居中显示，然后使用transform属性的translateX函数向左移动50%的宽度，实现线条向右缩短的效果。

可以将以上代码应用到网页中的分割线等元素，让网页设计更加精美。