我必须维护大量的经典 ASP 页面，其中许多具有根本没有排序功能的表格数据。原始开发人员在数据库查询中使用的任何顺序都是您所坚持的。
我想对这些页面进行一些基本的排序，并且我正在使用 javascript 进行所有客户端操作。我已经完成了在给定方向上对给定列上的给定表格进行排序的基本脚本，只要表格受到我们在此处遵循的某些约定的限制，它就可以很好地工作。
我想要为 UI 做的只是用插入符号 (^) 指示排序方向，然后......什么？是否有与插入符号直接相反的特殊字符？ v 这封信不太合适。或者，我可以使用其他字符配对吗？
【问题讨论】：
标签： html sorting user-interface character-encoding character
所以我想要插入符号与 OWA 中的完全一样，所以我从以下位置下载了 office365icons.woff
https://owa.example.com/owa/prem/15.1.1913.10/resources/styles/fonts/office365icons.woff （必须登录才能做到，通过浏览器做到这一点）然后，从网站上复制简化的样式：
@font-face {
font-family: 'Office365Icons';
src: url('/fonts/office365icons.woff') format('woff');
font-weight: normal;
font-style: normal;
}
span.o-icon {
font-family: 'Office365Icons';
font-size: 14pt;
line-height: 21px;
color: #666;
}
最后：
<span class="o-icon"></span>
【讨论】：
U+2304 DOWN ARROWHEAD，在 HTML 中为 ⌄
【讨论】：
˅˅˅ Hǝɹǝ,s ɐ ɯɐʇɔɥᴉuƃ sǝʇ˙ ˅˅˅
˄˄˄ 这是一个匹配集。 ˄˄˄
“实际大小”：˅˄˅˄
(more info)
“实际大小”：⋁⋀⋁⋀
【讨论】：
没有倒置的插入符号，但您可以使用 CSS 轻松旋转插入符号。这是一个看起来很完美的简单解决方案。按“运行代码 sn-p”查看它的运行情况：
.upsidedown {
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
}
.upsidedown.caret {
display: inline-block;
position:relative;
bottom: 0.15em;
}more items <span class="upsidedown caret">^</span>请注意以下...
【讨论】：
如果您需要 React Apps 的 font-awesome，那么 React Icons 是一个非常好的资源并且非常容易实现。它包含更多的库，而不仅仅是 font-awesome。
【讨论】：
c#代码
int i = 0;
char c = '↑';
i = (int)c;
Console.WriteLine(i); // prints 8593
int j = 0;
char d = '↓';
j = (int)d;
Console.WriteLine(j); // prints 8595
【讨论】：
您可以考虑使用Font Awesome 而不是使用 unicode 或其他图标
代码可以像 (a) 一样简单，包括令人敬畏的字体，例如<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> (b) 制作一个按钮比如<button><i class="fa fa-arrow-down"></i></button>
【讨论】：
按shift + 6 生成的^（插入符号-或Ascii Circumflex）似乎没有相反的Ascii，即Ascii Inverted Circumflex。
但对于也具有键盘组合的替代字符配对，您可以使用：
^ (Circumflex) shift + alt + i 和
ˇ（卡隆）shift + alt + t
【讨论】：
您可以使用 document.write 在 span 内绘制一个 svg 路径吗？ svg 的工作不需要 span，它只是确保 svg 与 carat 旁边的任何文本保持内联。我使用 margin-bottom 将其与文本垂直居中，但可能还有另一种方法可以做到这一点。这就是我在my blog's side nav 上所做的（减去 js）。如果旁边没有文本，则不需要跨度或边距底部偏移。
<div id="ID"></div>
<script type="text/javascript">
var x = document.getElementById('ID');
// your "margin-bottom" is the negative of 1/2 of the font size (in this example the font size is 16px)
// change the "stroke=" to whatever color your font is too
x.innerHTML = document.write = '<span><svg style="margin-bottom: -8px; height: 30px; width: 25px;" viewBox="0,0,100,50"><path fill="transparent" stroke-width="4" stroke="black" d="M20 10 L50 40 L80 10"/></svg></span>';
</script>
【讨论】：
我做了下标大写和粗体V。它工作得很好（虽然需要一些努力，如果需要重复做的话）
语法：
<sub><strong>v</strong></sub>
输出：
v
【讨论】：
<sup><sub>&#9660;</sub></sup> 在我的情况下，我将它与 Markdown 一起使用，这样写：~^▼^~
使用box drawing characters 设计您自己的角色是一个强大的选择，也可以提高创造力。
想要向下指向的“插入符号”？这是一个：╲╱
我最近发现了它们——我很高兴使用这些定制设计的字符来标记周围的事物:)。
【讨论】：
颠倒的抑扬符称为caron，或háček。
它在 HTML 的 TADS Latin-2 扩展中有一个 HTML 实体：&caron;，看起来像这样：ˇ不幸的是，它的显示大小/比例与 ^ 插入符号不同。
或者您可以使用 unicode U+30C。
【讨论】：
总是有一个小写的“v”。但说真的，除了 Unicode，我能找到的只有 &darr，看起来像 ↓。
【讨论】：
您也许可以使用黑色三角形、Unicode 值 U+25b2 和 U+25bc。或者箭头，U+2191 和 U+2193。
【讨论】：
【讨论】：