有一个上下颠倒的插入符号吗?

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

我想给这些页面添加一些基本的排序,我用javascript在客户端完成。我已经完成了对给定列上的给定表按照给定方向进行排序的基本脚本,只要表受到我们在这里遵循的某些约定的限制,它就能很好地工作。

我想为UI做的只是用插入字符(^)指示排序方向和…什么?是否有一个特殊的字符是与插入符号相反的?字母v不能完全解决问题。或者,是否有其他角色配对我可以使用?

452667 次浏览

我会用一些小图像。也会更好看。

或者,您可以尝试Windows附带的字符映射实用程序或尝试查找在这里

我看到的另一个解决方案是使用Wingdings字体的符号。有很多箭头。

上下颠倒的回旋被称为卡洛或háček。

它在TADS Latin-2扩展HTML: ˇ中有一个HTML实体,看起来像这样:ˇ不幸的是,它显示的大小/比例与^插入符号不同。

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

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

总有一个小写的“v”。但说真的,除了Unicode,我能找到的只有&darr,看起来像↓。

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

不要忘记< >强和;< / >强(逻辑和)和< >强或;< / >强(逻辑或)字符,这是我用来指示排序方向的:&or;分别。

一个强大的选择-一个也可以提高创造力-是使用方框绘图字符设计你自己的字符。

想要一个向下的“插入符号”?这里有一个:╲╱

我最近发现了它们——我很高兴使用这种自定义设计的字符来标记周围的东西:)。

我写了下标大写&它的效果很好(虽然需要一些努力,如果它需要重复做)

语法:

<sub><strong>v</strong></sub>
< br > < p >输出: v子> < /

你能用document。write在span中绘制svg路径吗?span不是svg工作所必需的,它只是确保svg与carat旁边的任何文本保持内联。我使用margin-bottom将它与文本垂直居中,可能还有另一种方法。这是我在我的博客的侧导航上所做的(减去js)。如果旁边没有文本,就不需要span或margin-bottom offset。

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

你可以考虑使用字体太棒了而不是使用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翻转),似乎没有Ascii对应的字符,即Ascii反向翻转。

但对于你的替代字符配对,也有键盘组合,你可以使用:

< p >ˆ(弯曲)shift + alt + i和< br > ˇ(Caron) shift + alt + t

来源:fileformat.info

如果你需要为React应用程序提供很棒的字体,那么反应的图标是一个非常好的资源,非常容易实现。它包含了很多库,而不仅仅是字体——太棒了。

没有上下颠倒的插入符号,但是你可以很容易地用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>

Please note the following...

  • I did a little correction for the positioning of the caret, as it is normally high (thus low in the rotated version). You want to move it a little up. This 'little' is relative to the font-size, hence the 'em'. Depending on your font choice, you might want to fiddle with this to make it look good.
  • This solution does not work in IE8. You should use a filter if you want IE8 support. IE8 support is not really required nor common in 2018.
  • If you want to use this in combination with Twitter Bootstrap, please rename the class 'caret' to something else, like 'caret_down' (as it collides with a class name from Twitter Bootstrap).

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

¹¹abc0¹¹
˄˄˄这是一套配套的。˄˄˄

˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄

"实际大小": ˅˄˅˄
(更多信息) < / >强


编辑:<一口> < em >另一个选择…< / em > < /一口>

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁Unicode #8897 /U+22C1 ("n-ary logical or") > < /晚餐

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀Unicode #8896 /U+22C0 ("n-ary logical and") > < /晚餐

“;实际大小”:⋁⋀⋁⋀

U+2304向下箭头,在HTML中为⌄

所以我想要与OWA中的插入符号完全相同,所以我从 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>