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

时间:2008-12-03 21:03:02

标签: html sorting user-interface character-encoding character

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

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

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

17 个答案:

答案 0 :(得分:391)

有▲:▲和▼:▼

答案 1 :(得分:206)

不要忘记 (逻辑和)和 (逻辑或)字符,这是用于指示排序方向的内容:HTML实体∧&分别为∨

答案 2 :(得分:55)

总是有一个小写的“v”。但严重的是,除了Unicode之外,我所能找到的只是&darr,看起来像↓。

答案 3 :(得分:38)

颠倒的旋律被称为caron,或者是háček。

它在HTML的TADS Latin-2扩展中有一个HTML实体:ˇ,如下所示:遗憾的是,它与^插入符号的大小/比例不同。

或者您可以使用unicode U+30C

答案 4 :(得分:15)

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

想要一个向下指的"插入符号"?这是一个:╲╱

我最近发现了它们 - 我很高兴使用这些自定义设计的角色来标记周围的东西:)。

答案 5 :(得分:10)

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

答案 6 :(得分:10)

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

˅˅˅Hǝɹǝ,sɐɐɯɐʇɔɥᴉƃǝʇ˅˅˅
这是匹配集。

“实际尺寸”:˅˄˅˄
<子> (more info)

编辑:另一个选项......

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ Unicode#8897 / U + 22C1(info 命名为N-ARY LOGICAL OR

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ Unicode#8896 / U + 22C0(info 命名为N-ARY LOGICAL AND

“实际尺寸”:⋁⋀⋁⋀

答案 7 :(得分:8)

c#c​​ode

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

答案 8 :(得分:4)

我做了下标资本&amp;加粗V.它完美地工作(虽然需要一些努力,如果它需要重复完成)

语法:

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

输出:
<子>的 v

答案 9 :(得分:4)

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

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

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

答案 10 :(得分:3)

您可以考虑使用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>

等按钮

答案 11 :(得分:2)

通过按^ + shift生成的6(Caret - 或Ascii Circumflex),似乎没有Ascii相反,即Ascii Inverted Circumflex。

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

(Circumflex)shift + alt + i
(卡隆)shift + alt + t

来源:fileformat.info

答案 12 :(得分:2)

没有颠倒的插入符号,但您可以使用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>

请注意以下内容......

  • 我对插入符号的位置做了一点修正,因为它通常很高(因此在旋转版本中很低)。你想把它移动一点。这个'小'是相对于字体大小的,因此是'em'。根据您的字体选择,您可能想要摆弄它以使其看起来很好。
  • 此解决方案在IE8中不起作用。如果您想要IE8支持,您应该使用过滤器。 IE8支持在2018年并不是真正需要也不常见。
  • 如果你想将它与Twitter Bootstrap结合使用,请将类'caret'重命名为其他内容,例如'caret_down'(因为它与来自Twitter Bootstrap的类名冲突)。

答案 13 :(得分:0)

你能用document.write在span中绘制一个svg路径吗? svg不需要跨度,它只是确保svg保持与克拉旁边的任何文本内联。我使用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>

答案 14 :(得分:0)

U+2304 DOWN ARROWHEAD,HTML格式为&#8964;

答案 15 :(得分:0)

因此,我希望插入符与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">&#xe088;</span>

答案 16 :(得分:-1)

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