web-dev-qa-db-ja.com

逆さまのキャレット文字はありますか？

私はたくさんの古典的なASPページを維持しなければなりません。それらの多くはソート機能のない表形式のデータを持っています。元の開発者がデータベースクエリで使用した順序がなんであれ、問題はありません。

私はこれらのページのいくつかにいくつかの基本的な並べ替えに取り組みたいのですが、私はJavaScriptでそれをすべてクライアント側でやっています。特定の列の特定のテーブルを特定の方向に並べ替えるための基本的なスクリプトはすでに完成しています。テーブルがここで従う特定の規則によって制限されている限り、うまく機能します。

私がUIでやりたいことは、キャレット文字（^）を使ってソートの方向を指示することです。キャレットの正反対の特殊文字はありますか？ vという文字はそれを完全にはカットしません。あるいは、私が使用できる他の文字ペアリングはありますか？

htmlsortinguser-interfacecharacter-encodingcharacter
230
Joel Coehoorn

▲： ▲ と▼： ▼ があります

394
sblundy

忘れないで ∧ （論理和）および ∨ （論理または）文字、それがソートの方向を示すために私が使うものです：HTMLエンティティ ∧ ＆ ∨ 。

206
Josh Bodily

常に小文字の "v"があります。しかし真剣に、Unicodeは別として、私が見つけることができるのは&darrだけでしょう、それは↓のように見えます。

55
Max Lybbert

逆さまの曲折アクセント記号は、 caron 、またはhačekと呼ばれます。

これは、HTMLのTADS Latin-2拡張機能のHTMLエンティティˇを持ち、次のようになります。^残念ながら^キャレットと同じサイズ/比率では表示されません。

あるいは、UnicodeのU+30Cを使用することもできます。

38
Bill Karwin

強力なオプション - そして創造性をも高めるもの - は ボックス描画文字 を使ってあなた自身の文字をデザインすることです。

下向きの「キャレット」が欲しいですか？これが一つです：：

私は最近それらを発見しました - そして私はそのようなカスタムデザインされた文字をいろいろなものにラベルを付けるために使うのをとても楽しみにしています:)。

16
tomekwi

黒い三角形、Unicode値のU + 25b2およびU + 25bcを使用できるかもしれません。または矢印、U + 2191とU + 2193。

10
Mark Ransom

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

˅˅˅Hǝɹǝ、sɐɐsɯɐʇɔɥᴉƃ（˅˅˅
˄˄˄これがマッチングセットです。˄˄˄

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

「実寸」：˅˄˅˄
（詳細）

編集：他のオプション...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ Unicode＃8897/U + 22C1（ info ） N-ARYという名前の論理OR

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ Unicode＃8896/U + 22C0（ info ） N-ARY LOGICAL ANDという名前

「実寸」：⋁⋀⋁⋀

10
ashleedawg

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

私は下付き文字の大文字で太字のVを付けました。

構文：

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

出力：
v

4
BCLaw15

小さな画像をいくつか使用します。見栄えもします。

または、Windowsに付属のCharacter Mapユーティリティを試してみるか、 こちら を探してみることもできます。

私が見たもう一つの解決策はシンボルにWingdingsフォントを使うことです。それは矢印のためにたくさんあります。

4
Vilx-

あなたはユニコードや他のアイコンを使う代わりに Font Awesome を使うことを考えるかもしれません。

このコードは、（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>のようなボタンを作る

3
Colin D

shift + ^を押して生成された6（キャレットまたはアスキー円周）は、反対のアスキー、すなわちアスキー反転円周を持たないように見えます。

しかし、キーボードの組み合わせもある代替の文字ペアについては、次のようにします。

＾（サーカムフレックス）shift + alt + iそして
（カロン）shift + alt + t

出典： fileformat.info

2
nic

逆さまのキャレット文字はありませんが、CSSでキャレットを簡単に回転させることができます。これは完璧に見える簡単な解決策です。実行中のコードを見るには、[Run code snippet]を押します。

.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」です。フォントの選択によっては、見栄えを良くするためにこれをいじる必要があるかもしれません。
  • この解決策はIE 8では機能しません。あなたがIE8サポートを望むなら、あなたはフィルタを使うべきです。 IE8のサポートは2018年には本当に必要でもなく一般的でもありません。
  • これをTwitter Bootstrapと組み合わせて使用​​する場合は、クラスの名前を 'caret_down'のような別の名前に変更してください（Twitter Bootstrapのクラス名と衝突するため）。
2
JoostS

+ 2304↓ 、HTMLでは⌄

1
msh210

Document.writeを使って、スパンの内側にsvgパスを引くだけでいいですか。スパンは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>
0
Stu Coston