当前位置：文江博客话题详情

unicode 或 HTML 是否有垂直双 guillemet（V 形）？

发布于 2024-12-15 14:20:49 字数 248 浏览 3 评论 0原文

有谁知道 unicode/HTML 空间中是否存在类似于 » (») 表示的双 guillemet 的双 V 形符号？

换句话说，如果我可以使用文本，我会尽量避免使用图像，但我需要这样的东西：

垂直单 V 形和双 V 形的示例

这是双 V 形，我似乎无法弄清楚。对我来说看起来像是图形。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

楠木可依 2024-12-22 14:20:49

︽ U+FE3D 垂直左双角括号演示表格

︾ U+FE3E 垂直右双角括号演示表格

不过，这些需要中文或日文字体。

回复收藏 0 原文

千と千尋 2024-12-22 14:20:49

我无法为您提供您想要的字符实体，但可以实现...替代方案，并且仍然不使用图像（尽管它确实需要将文本本身包装在元素中，在本例中 span):

<span class="shadowed">^</span>
<span class="rotated">»</span>

CSS:

span { /* this is all, pretty much, just for the aesthetics, and to be adapted */
    margin: 0 auto 1em auto;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 2em;
    font-weight: bold;
    color: #000;
    background-color: #ffa;
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 0.5em;
    text-align: center;
}

span.shadowed {
    text-shadow: 0 0.5em 0 #000;
}

span.rotated {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

JS Fiddle 演示。

上面的span.rotated部分，对于IE< 10 兼容性（使用过滤器，而 IE 10（或可能 9）将/应该使用 -ms-transform 或简单地 transform CSS3），使用 过滤器方法：

span.rotated {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /* IE < 10 follows */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

JS Fiddle demo（适用于IE 7/XP，其他我无法测试的版本）。

I can't give you the character entity that you want, but it's possible to effect an...alternative, and still not use images (though it does require that the text itself be wrapped in an element, in this case span):

<span class="shadowed">^</span>
<span class="rotated">»</span>

CSS:

span { /* this is all, pretty much, just for the aesthetics, and to be adapted */
    margin: 0 auto 1em auto;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 2em;
    font-weight: bold;
    color: #000;
    background-color: #ffa;
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 0.5em;
    text-align: center;
}

span.shadowed {
    text-shadow: 0 0.5em 0 #000;
}

span.rotated {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

JS Fiddle demo.

The above span.rotated section, for IE < 10 compatibility (using filters, whereas IE 10 (or possibly 9) would/should use the -ms-transform or, simply, transform CSS3), using a filter approach:

span.rotated {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /* IE < 10 follows */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

JS Fiddle demo (works in IE 7/XP, other versions I'm unable to test).

回复收藏 0 原文