逆さまのキャレット文字はありますか?
-
19-08-2019 - |
質問
多数の従来の ASP ページを維持する必要がありますが、その多くには並べ替え機能がまったくない表形式のデータが含まれています。元の開発者がデータベース クエリで使用した順序が何であれ、あなたが行き詰っているのはその順序です。
これらのページの束にいくつかの基本的な並べ替えを追加したいのですが、それをすべて JavaScript を使用してクライアント側で実行しています。指定された列の指定されたテーブルを指定された方向に並べ替える基本的なスクリプトはすでに作成済みで、ここで従う特定の規則によってテーブルが制限されている限り、これはうまく機能します。
UI でやりたいことは、キャレット文字 ( ^ ) でソート方向を示すだけです。何?キャレットの正反対の特殊文字はありますか?手紙 v
まったく切れません。あるいは、使用できる別のキャラクターの組み合わせはありますか?
解決
<!>#9650 ;: <!> amp;# 9650; および<!>#9660 ;: <!> amp;#9660;
他のヒント
常に小文字の<!> quot; v <!> quot;があります。しかし、真剣に、ユニコードを除いて、私が見つけることができるのは&darr
で、これは<!>#8595;のように見えます。
逆さまのサーカムフレックスは、 caron またはah <!>#225;と呼ばれます。 <!>#269; ek。
HTMLのTADS Latin-2拡張機能にHTMLエンティティがあります:ˇ
のようになります。<!>#711;残念ながら、^キャレットと同じサイズ/割合で表示されません。
または、ユニコードU+30C
を使用できます。
強力なオプション<!>#8211;また、創造性を高めるもの<!>#8211; ボックス描画文字を使用して独自の文字を設計しています。
下向きの<!> quot;キャレット<!> quot ;? 1つです:<!>#9586; <!>#9585;
最近それらを発見しました<!>#8212;そして、私はこのようなカスタムデザインの文字を使用して、あらゆるものにラベルを付けることに非常に満足しています:)。
<!>#709; <!>#709; <!>#709; <!>#709; <!>#709; <!>#709; <!>#709; <!>#709 ; <!>#709; <!>#709; <!>#709; <!>#709; <!>#709; <!>#709; <!>#709; <!>#709; < !>#709; <!>#709; <!>#709; <!>#709; <!>#709;
<!>#8195; <!>#709; <!>#709; <!>#709; <!>#8195; H <!>#477; <!>#633; < !>#477;、s <!>#592; <!>#623; <!>#592; <!>#647; <!>#596; <!>#613; <!>#7433; u <!>#387; s <!>#477; <!>#647; <!>#729; <!>#8195; <!>#709; <!>#709; <!>#709;
<!>#8195; <!>#708; <!>#708; <!>#708; <!>#8195; ここに一致するセットがあります。 <!>#8195; <! >#708; <!>#708; <!>#708;
<!>#708; <!>#708; <!>#708; <!>#708; <!>#708; <!>#708; <!>#708; <!>#708 ; <!>#708; <!>#708; <!>#708; <!>#708; <!>#708; <!>#708; <!>#708; <!>#708; < !>#708; <!>#708; <!>#708; <!>#708; <!>#708;
<!> quot;実際のサイズ<!> quot ;: ˅˄˅˄
<!>#8195;
(詳細)
編集:別のオプション...
<!>#8897; <!>#8897; <!>#8897; <!>#8897; <!>#8897; <!>#8897; <!>#8897; <!>#8897 ; <!>#8897; <!>#8897; Unicode#8897 / U + 22C1(情報) N-ARY LOGICAL ORという名前
<!>#8896; <!>#8896; <!>#8896; <!>#8896; <!>#8896; <!>#8896; <!>#8896; <!>#8896 ; <!>#8896; <!>#8896; Unicode#8896 / U + 22C0(情報) N-ARY LOGICAL ANDという名前
<!> quot;実際のサイズ<!> quot ;: ⋁⋀⋁⋀
黒い三角形、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に付属のCharacter Mapユーティリティを試すか、こちらを探してみてください。
私が見た別の解決策は、シンボルにWingdingsフォントを使用することです。矢印がたくさんあります。
下付き文字を大文字にしました<!> amp;太字のV。完全に機能します(繰り返し行う必要がある場合は、多少の労力がかかります)。
構文:
<sub><strong>v</strong></sub>
出力:
v
Unicodeやその他のアイコンを使用する代わりに、 Awesome Font を使用することを検討してください。
コードは、(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
(キャレット-またはアスキーサーカムフレックス)は、反対のアスキー、つまりアスキー逆サーカムフレックスを持つようには見えません。
ただし、キーボードの組み合わせもある代替文字のペアリングには、次を使用できます。
<!>#710; (サーカムフレックス)alt
+ i
+ t
and
<!>#711; (キャロン)<=> + <=> + <=>
出典: fileformat.info
逆さまのキャレット文字はありませんが、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」はフォント サイズに相対的なものであるため、「em」となります。選択したフォントによっては、見栄えを良くするためにこれをいじる必要があるかもしれません。
- この解決策は IE8 では機能しません。IE8 のサポートが必要な場合は、フィルターを使用する必要があります。IE8 サポートは、2018 年には実際には必要でも一般的でもありません。
- これを Twitter Bootstrap と組み合わせて使用する場合は、クラス「caret」の名前を「caret_down」などの別の名前に変更してください (Twitter Bootstrap のクラス名と衝突するため)。
U + 2304下矢印、HTML <!> amp;#8964;
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>
React Appsにfont-awesomeが必要な場合、 Reactアイコンは非常に優れていますリソースと実装が非常に簡単。フォントだけでなく、より多くのライブラリが含まれています。