unicode 或 HTML 是否有垂直双 guillemet（人字形）？答案

【问题标题】：Does unicode or HTML have a vertical double guillemet (chevron)?unicode 或 HTML 是否有垂直双 guillemet（人字形）？
【发布时间】：2011-12-28 20:14:09
【问题描述】：

有人知道在 unicode/HTML 空间中是否有类似于 &raquo; (») 所代表的双 guillemet 的双 V 形符号？

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

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

【问题讨论】：

避免使用图片是一个很好的目标，但是很多人最终会使用一个无论如何都不能正确处理 unicode 的浏览器进行浏览；他们会看到盒子。个人推荐一张图。 FWIW 我没有看到像这样扫描en.wikipedia.org/wiki/List_of_Unicode_characters
我不知道 chevron，但它有抑扬符：&#94; / 重音抑扬符：&#136;

标签： html unicode html-entities

【解决方案1】：

旋转有问题。如果您将rotation(90deg) 和rotation(-90deg) 应用到两个单独的 » 您会看到它们的位置发生了变化。解决它的一个hacky方法是应用方向：像这样的rtl：

http://codepen.io/tomasz86/pen/lmCaL

【讨论】：

【解决方案2】：

︽U+FE3D竖直左双角括号表示形式

︾U+FE3E立式右双角支架演示文稿

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

【讨论】：

【解决方案3】：

我不能给你你想要的字符实体，但是可以实现一个...替代，并且仍然不使用图像（尽管它确实需要将文本本身包裹在一个元素中，在这种情况下span):

<span class="shadowed">^</span>
<span class="rotated">&raquo;</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.

上面的span.rotated 部分，用于 IE -ms-transform 或简单地说，transform CSS3），使用 filter方法：

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，其他版本我无法测试）。

【讨论】：

非常巧妙！打赌它在 IE 中不起作用是吗？ :-\ (edit: IE8 and under no)
不，我打算在-ms-rotate 旁边留下一个尖刻的评论，说“只是出于乐观的感觉......”，但我觉得这只是代码更吵……
旋转过滤器怎么样？查看这篇文章（元素旋转章节）coding.smashingmagazine.com/2010/04/28/…
完全有可能，但没有 IE（我是业余爱好者，不是专业人士）进行测试，我无法验证它们是否有效。如果您能够尝试一下，我会非常高兴您将它们编辑到答案中。显然，或者将它们作为单独的答案发布。
接受，因为一旦 IE10 成为主流，这可能是我会去的方式（因此意味着 IE8 是不支持的混蛋）但现在我已经在图像精灵中有一个双垂直 V 形，所以我继续使用图像。

【解决方案4】：

可能这个网站会帮助你http://shapecatcher.com/，非常有用！

【讨论】：

谢谢，这是一个很酷的网站。不会为你赢得一个接受复选标记，但它会让你得到我的 +1。找到了一些有趣的向上双 V 形的替代品，但没有找到向下双 V 形的替代品。
我希望我以前知道这件事。