unicode或HTML是否具有垂直双面人字形（人字形）？ [英] Does unicode or HTML have a vertical double guillemet (chevron)?

问题描述

是否有人知道在unicode / HTML空间中是否存在类似于由& raquo; （»）表示的双重guillemet的双人字形符号？

换句话说，我试图避免使用图片，如果我可以通过文本获得，但我需要这样的东西：

这是我似乎无法弄清的双人字形。看起来像我的图形是这样的。

解决方案

我不能给你想要的字符实体，但是可以影响...替代，并且仍然不使用图像（尽管它确实要求文本本身被包装在一个元素中，在这种情况下 span ）：

 < span class =shadowed> ^< / span> 
< span class =rotated>& raquo;< / span> 
  

CSS：

  span {/ *这几乎都只是为了美观，并且被改编* / 
 margin：0 auto 1em auto; 
 font-family：Helvetica，Calibri，Ari​​al，sans-serif; 
 font-size：2em; 
 font-weight：bold; 
颜色：＃000; 
 background-color：#ffa; 
 display：block; 
 width：2em; 
身高：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 。

$ b $ <上一个 span.rotated 部分对于IE< 10兼容性（使用过滤器，而IE 10（或可能9）将/应该使用 -ms-transform 或者简单地， transform c code> c code> .rotated {
-webkit-transform：rotate（-90deg）;
-moz-transform：rotate（-90deg）;
-o-transform：rotate（-90deg）;
-ms-transform：rotate（-90deg）;
transform：rotate（-90deg）;
/ * IE< 10跟着* /
filter：progid：DXImageTransform.Microsoft.BasicImage（rotation = 3）;
}

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

Does anybody know if there's a double chevron symbol in unicode/HTML-space similar to the double guillemet represented by » (»)?

In other words, I'm trying to avoid using an image if I can get by with text, but I need something like this:

It's the double chevron I can't seem to figure out. Looks like graphics for me it is.

解决方案

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">&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.

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).

这篇关于unicode或HTML是否具有垂直双面人字形（人字形）？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！