unicode或HTML是否有垂直双guillemet (chevron)？
unicode或HTML是否有垂直双guillemet (chevron)？
提问于 2011-11-15 01:07:36
有没有人知道unicode/HTML-space中是否有一个类似于» (»)所表示的双guillemet的双V形符号？
换句话说，如果我可以处理文本，我会尽量避免使用图像，但我需要这样的内容：
是双人字形，我好像搞不懂。对我来说看起来就像是图形。
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-11-15 02:06:34
我不能提供您想要的字符实体，但是可以在不使用图像的情况下实现an...alternative (尽管它确实需要将文本本身包装在一个元素中，在本例中为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);
}上面的span.rotated部分，为了IE < 10的兼容性(使用过滤器，而IE 10 (或可能是9)将/应该使用-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 (适用于IE7/XP，其他我无法测试的版本)。
Stack Overflow用户
发布于 2011-11-15 02:12:26
可能这个网站会对你的http://shapecatcher.com/有帮助，非常有用！
Stack Overflow用户
发布于 2012-06-21 19:40:57
垂直左双尖括号的︽U+FE3D演示表单
垂直右双尖括号的︾U+FE3E演示表单
不过，这些字体需要中文或日文字体。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8125263
复制相关文章
相似问题