首页 文章

是否有一个颠倒的插入符号？

提问于
浏览 次
211

我必须维护大量的经典ASP页面，其中许多都有表格数据，根本没有排序功能 . 无论数据库查询中使用的原始开发人员是什么顺序，您都会遇到困难 .

我想对一些这些页面进行一些基本的排序，而我正在使用javascript完成所有客户端 . 我已经完成了基本脚本，以便在给定方向上对给定列的给定表进行排序，只要该表受到我们遵循的某些约定的限制，它就能正常工作 .

我想为UI做的只是用插入符号（^）指示排序方向，然后......什么？是否有一个与插入符直接相反的特殊字符？字母 v 不会完全削减它 . 或者，我可以使用另一个角色配对吗？

html sorting user-interface character-encoding character

15 回答

  • 36

    有▲：▲和▼：▼

    回复于
  • 0

    不要忘记∧（逻辑和）和∨（逻辑或）字符，这就是我用来表示排序方向的内容：分别是HTML实体∧和∨ .

    回复于
  • 367

    一个强大的选择 - 也可以增强创造力 - 是使用box drawing characters设计自己的角色 .

    想要一个向下指的“插入符号”？这是一个：╲╱

    我最近发现了它们 - 我非常高兴使用这些自定义设计的字符来标记周围的东西:) .

    回复于
  • 47

    ˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅

    ˅˅˅ Hǝɹǝ,s ɐ ɯɐʇɔɥᴉuƃ sǝʇ˙ ˅˅˅
    Here's a matching set.

    "Actual size"： ˅˄˅˄
    (more info)

    编辑：另一种选择......

    ⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁Unicode＃8897 / U 22C1（info）

    ⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀Unicode＃8896 / U 22C0（info）

    "Actual size"： ⋁⋀⋁⋀

    回复于
  • 182

    如果您需要React Apps的字体功能，那么React Icons是一个非常好的资源，并且非常容易实现 . 它包含了更多的库，而不仅仅是font-awesome .

    回复于
  • -1

    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
    回复于
  • 2

    你能用document.write在span中绘制一个svg路径吗？ svg不需要 Span ，它只是确保svg保持与克拉旁边的任何文本内联 . 我使用margin-bottom将文本垂直居中，可能还有另一种方法可以做到这一点 . 这就是我在my blog's side nav（减去js）上所做的 . 如果您不需要 Span 或边距底部偏移量 .

    <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>
    回复于
  • 14

    您可以考虑使用Font Awesome而不是使用unicode或其他图标

    代码可以像（a）包括font-awesome一样简单，例如 <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> 等按钮

    回复于
  • 8

    您可以使用黑色三角形，Unicode值U 25b2和U 25bc . 或箭头，U 2191和U 2193 .

    回复于
  • 3

    总是有一个小写的"v" . 但严重的是，除了Unicode之外，我能找到的所有内容都是 &darr ，看起来像↓ .

    回复于
  • 2

    我会用几张小图片 . 看起来也会更好 .

    或者，您可以尝试Windows附带的字符映射实用程序或尝试查看here .

    我见过的另一个解决方案是使用Wingdings字体作为符号 . 这有很多箭头 .

    回复于
  • 4

    倒置的旋律被称为caron，或者是háček .

    它在HTML格式的TADS Latin-2扩展中有一个HTML实体： &caron; ，看起来像这样：遗憾的是，它与^插入符号的大小/比例不同 .

    或者你可以使用unicode U+30C .

    回复于
  • 9

    我做了下标资本和粗体V.它完美地工作（虽然需要一些努力，如果它需要重复完成）

    句法：

    <sub><strong>v</strong></sub>

    输出：
    v

    回复于
  • 4

    没有颠倒的插入符号，但您可以使用CSS轻松旋转插入符号 . 这是一个看起来很完美的简单解决方案 . 按“运行代码段”以查看其运行情况：

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

    请注意以下事项...

    • 我对插入符号的位置做了一点修改，因为它通常很高（因此在旋转版本中很低） . 你想把它移动一点 . 这个'little'是相对于font-size的，因此'em' . 根据您的字体选择，您可能想要摆弄它以使其看起来很好 .

    • 此解决方案在IE8中不起作用 . 如果您需要IE8支持，则应使用过滤器 . IE8支持在2018年并不是真正需要也不常见 .

    • 如果要将其与Twitter Bootstrap结合使用，请将类'caret'重命名为其他内容，例如'caret_down'（因为它与Twitter Bootstrap中的类名冲突） .

    回复于
  • 5

    ^ （Caret - 或Ascii Circumflex），按 shift 6 产生，似乎没有Ascii相反，即Ascii Inverted Circumflex .

    但是对于也有键盘组合的替代角色配对，您可以使用：

    （Circumflex） shift alt i 和
    （卡隆） shift alt t

    资料来源：fileformat.info

    回复于

相关问题