带有CSS或jQuery的非常宽的细花括号

有没有一种方法可以通过CSS/jQuery获得很宽但很薄的花括号

简单地缩放

div

也会缩放线宽，因此大括号变得太大时会变得难看

<div id="braces" style="font-size:20px;">{</div>

$("#braces").css({
    "transform" : "scale(4,25)"
});

{
$（“#大括号”）.css({
“变换”：“比例（4,25）”
});

这段代码为我提供了非常大和非常窄的花括号，但我希望有非常薄的花括号，只有“手臂”变长了

---

有人知道如何做到这一点吗？

这很不正统，也很难看，但你可以重复花括号，每次都向左偏移一个像素：

HTML

<span id="cont"><span>}</span><span>}</span><span>}</span></span>

就像我说的，真的很难看，很黑。但我不认为有办法增加“厚度”——除了粗体，这是有限的

或者使用jQuery为您执行以下操作：

$orig = $('#orig');
for(i=0;i<5;i++){
    $orig.clone().css({left:i+1}).appendTo($('#cont'));
}

$orig=$（'#orig'）；
对于（i=0；i，我最后使用的解决方案是

我不擅长HTML/CSS，但我已经尽力了


.brace{
宽度：2米；
高度：3em；
}
第1部分{
左边框：2倍纯黑；
边框左上半径：12px；
左边距：2米；
}
.第2部分{
右边框：2倍纯黑；
边框右下半径：12px；
}
第三部分{
右边框：2倍纯黑；
边框右上角半径：12px；
}
第四部分{
左边框：2倍纯黑；
边框左下半径：12px；
左边距：2米；
}

您不能使用
{
输入字符并更改字体/字号以获得所需的结果？如果您可以共享一些显示您已经尝试过的内容的代码，或者是您尝试实现的内容的示例，我们将更容易提供帮助。您可以为此尝试图像，或者尝试“字体大小：120px；如何可以同时宽和薄？”Holybrea我希望支架非常宽，但线的厚度要保持很薄。你看到垂直长支架的类似解决方案吗？我和其他人玩过部分覆盖跨度，但没有什么好看的——谢谢！在这里玩：。我喜欢你优雅的支架，它还不容易使用，但应该可以得到（请参阅我的JSFIDLE以比较div的用法。
$orig = $('#orig');
for(i=0;i<5;i++){
    $orig.clone().css({left:i+1}).appendTo($('#cont'));
}

    var height = canvas.height;
    var space  = 5;
    var radius = 7;

    var linelength = height / 2;

    context.lineWidth = 4;
    context.beginPath();
    context.moveTo(20+radius, space);
    context.arcTo(20, space, 20, space+radius, radius);

    context.lineTo(20, linelength - radius);
    context.arcTo(20, linelength, 20 - radius, linelength, radius);
    context.arcTo(20, linelength, 20, linelength + radius, radius);
    context.lineTo(20, height - space - radius);
    context.arcTo(20, height - space, 20 + radius, height - space, radius);

    context.stroke();