我正在寻找一个HTML或ASCII字符,这是一个三角形指向向上或向下,以便我可以使用它作为拨动开关。
我找到了↑(↑)和↓(↓) -但它们的词干很窄。我只是寻找HTML箭头“头”。
我正在寻找一个HTML或ASCII字符,这是一个三角形指向向上或向下,以便我可以使用它作为拨动开关。
我找到了↑(↑)和↓(↓) -但它们的词干很窄。我只是寻找HTML箭头“头”。
当前回答
我知道我迟到了,但你也可以用普通的CSS来完成这个:
HTML:
(它可以是任何HTML元素,如果你正在使用一个内联元素,例如<span>,确保你使它成为一个block/内联块元素display:block;或显示:inline-block):
<div class=“up”></div>
and
<div class=“down”></div>
CSS:
.up {
height:0;
width:0;
border-top:100px solid black;
border-left:100px solid transparent;
transform:rotate(-45deg);
}
.down {
height:0;
width:0;
border-bottom:100px solid black;
border-right:100px solid transparent;
transform:rotate(-45deg);
}
您还可以使用:before和:after伪元素来完成它,这实际上是一种更好的方法,因为您可以避免创建额外的标记。但这取决于你想如何完成它。
--
这是CodePen中的一个演示,有许多箭头的可能性。
其他回答
▲▼ 分别是U+25B2 (▲)和U+25BC (▼)
我认为提问者可能指的是其中一个(见附图)-我自己在搜索同样的东西时发现了这个StackOverflow问题。
不幸的是,这个字形似乎在任何地方都不作为一个独特的字符实体存在。维基百科通过使用内联javascript和img content="data:image/gif…"来实现这个符号。
顺便说一句,这是它的base64:
data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=
希望这能帮助到一些人!
我知道我迟到了,但你也可以用普通的CSS来完成这个:
HTML:
(它可以是任何HTML元素,如果你正在使用一个内联元素,例如<span>,确保你使它成为一个block/内联块元素display:block;或显示:inline-block):
<div class=“up”></div>
and
<div class=“down”></div>
CSS:
.up {
height:0;
width:0;
border-top:100px solid black;
border-left:100px solid transparent;
transform:rotate(-45deg);
}
.down {
height:0;
width:0;
border-bottom:100px solid black;
border-right:100px solid transparent;
transform:rotate(-45deg);
}
您还可以使用:before和:after伪元素来完成它,这实际上是一种更好的方法,因为您可以避免创建额外的标记。但这取决于你想如何完成它。
--
这是CodePen中的一个演示,有许多箭头的可能性。
“不是ASCII (neither's↑/↓)”需要限定。
虽然这些字符在美国信息交换标准代码中没有定义为符号,但它们的代码通常用于ASCII码24和25的图形表示(十六进制18和19,取消和EM:介质结束)。代码第437页(IBM称为扩展ASCII,包括数字代码128到255)定义了这些符号作为ASCII码的使用,这些约定在行业中无处不在,这可以从惠普(特别是打印机)和IBM(特别是从原始PC开始的微型计算机)等领先公司将其部署为标准看到。
就像在CAN和EM中使用ASCII码在当时是相对过时的一样,证明了它们作为符号的使用是合理的,所以随着时间的推移,将这些代码作为符号的使用也被当前使用的UNICODE约定所淘汰。
应该强调的是,IBM在Extended ASCII中对ASCII进行的扩展不仅包括用于数字代码128到255的更大的数字集,而且还扩展了一些数字控制代码(ASCII范围0到32)的使用,从仅仅是媒体传输控制协议扩展到包含符号。人们经常错误地认为,第一个0到128没有被“扩展”,IBM在这个范围内使用了传统ASCII的符号。在前面的参考文献中也出现了此错误。这个错误变得如此普遍,以至于它下意识地口头上重新定义了ASCII。
这个似乎暗示030和031是上下三角形。
(正如bobince指出的,这似乎不是ASCII标准)