有一个倒挂的字符?
我必须维护大量的经典ASP页面,其中许多页面都有表格数据,根本没有sortingfunction。 数据库查询中使用的原始开发人员无论顺序如何,都是您所坚持的。
我想要对一些这些页面进行一些基本的sorting,而我正在用JavaScript来做所有的客户端。 我已经有了一个基本的脚本来按给定的方向对给定的列上的给定的表进行sorting,只要表受到我们在这里遵循的某些约定的限制,它就行得通。
我想要为用户界面做的事情只是表示与脱字符(^)的sorting方向和…什么? 有没有一个特殊的字符,直接对面的插入符号? 字母v
不会完全切断它。 另外,还有其他的angular色配对可以使用吗?
有▲: ▲ 和▼: ▼
不要忘记∧ (逻辑和)和∨ (逻辑或)字符,这就是我用来指示sorting方向:HTML实体∧
∨
分别。
总是有一个小写的“v”。 但严重的是,除了Unicode之外,我所能find的将是&darr
,看起来像↓。
一个颠倒的旋涡被称为一个caron ,或一个háček。
它有一个HTML实体,以TADS Latin-2扩展名为HTML: ˇ
看起来像这样:不幸的是不能显示与^ ^符号相同的大小/比例。
或者你可以使用unicode U+30C
。
一个强有力的select – 也是一种提升创造力的方法,就是用箱子画人物来devise自己的angular色 。
想要指出“脱字号”? 这里有一个:╲╱
我最近发现了他们 – 我非常高兴地使用这样的自定义字符来标记所有东西:)。
您可能可以使用黑色三angular形,Unicode值U + 25b2和U + 25bc。 或者箭头,U + 2191和U + 2193。
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
我会用一些小图片。 会看起来更好。
或者,您可以尝试Windows附带的“字符映射”实用程序或尝试在此处查看 。
我见过的另一个解决scheme是使用Wingdings字体作为符号。 这有很多箭头。
我做了大写字母和粗体字V.它完美的工作(虽然需要一些努力,如果需要重复做)
句法:
<sub><strong>v</strong></sub>
输出:
v
按shift
+ 6
生成的^
(插入 – 或者Ascii Circumflex)似乎没有Ascii相反,即Ascii Inverted Circumflex。
但是,对于也有键盘组合的替代字符配对,您可以使用:
(Circumflex) shift
+ alt
+ i
和
(Caron) shift
+ alt
+ t
来源: fileformat.info
您可以考虑使用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,比如<button><i class="fa fa-arrow-down"></i></button>
你可以使用document.write在跨度内绘制一个svgpath吗? 跨度不是svg工作所必需的,它只是确保svg与克拉旁边的任何文本保持内联。 我用margin-bottom将文字垂直居中,可能还有另一种方法可以做到这一点。 这是我在博客的侧面导航 (减去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>