unicode图标升序和降序
问题描述:
我已经看到Unicode字母符号,并已在许多领域使用。最近我有一个新的需求来创建一个上升和下降的功能,在我需要的按钮,但图标为此,我已经看到许多地区的上升和下降的图标,示例显示在图片unicode图标升序和降序
但找不到任何地方的任何Unicode字符,我试图让像上述使用Unicode类似的图标一样,如下图所示,但没能创造这样如图上面的图片
<span>AZ↓</span>
A Z ↓
谁能告诉我一些这方面的解决方案,是有在网页
答
只为笑声:)
.letter {
font-size: 10px;
float: left;
font-weight: 600;
font-family: sans-serif;
}
.crimson {
color : crimson;
}
.darkblue {
color: darkblue;
}
.arrow {
font-weight: 900;
font-size: 20px;
line-height: 10px;
}
.container {
width: 10px;
line-height: 9px;
}
<div class="container">
<span class="letter darkblue">A</span>
<span class="letter crimson">Z</span>
</div>
<span class="arrow">↓</span>
<div style="height: 30px;"></div>
<div class="container">
<span class="letter crimson">Z</span>
<span class="letter darkblue">A</span>
</div>
<span class="arrow">↓<span>
+0
@Ismali它的工作正常,但是箭头略微降低了一点 –
答
使用fontawesome对于任何可用的Unicode或图标图像。他们有这个图标,是免费的。 http://fortawesome.github.io/Font-Awesome/icon/sort-alpha-asc/
答
你可以尝试使用http://glyphicons.com/,或http://fortawesome.github.io/Font-Awesome/icons/特别是如果你需要在你的项目中使用多个图标。它们是基于矢量的,所以即使在缩放时它们也具有相同的质量。你也可以用css控制它们(字体大小,颜色和背景)
使用fontawesome http://fortawesome.github.io/Font-Awesome/icon/sort-alpha-asc/ – bhspencer