Есть ли перевернутый персонаж?

Мне нужно поддерживать большое количество классических страниц ASP, многие из которых имеют табличные данные без каких-либо возможностей сортировки. Независимо от того, какой оригинальный разработчик использовал в запросе базы данных, вы застряли.

Я хочу использовать некоторые базовые сортировки для кучи этих страниц, и я делаю все это на стороне клиента с javascript. У меня уже есть базовый script, выполненный для сортировки данной таблицы в данном столбце в заданном направлении, и она работает хорошо, пока таблица ограничена некоторыми соглашениями, которые мы здесь приводим.

Что я хочу сделать для пользовательского интерфейса, просто укажите направление сортировки с символом каретки (^) и... что? Есть ли особый символ, который является прямой противоположностью каретки? Буква v не будет достаточно обрезать ее. В качестве альтернативы, есть ли другое сочетание символов, которое я могу использовать?

Ответ 2

Не забудьте символы (логический и) и (логический или), что я использую для указания направления сортировки: объекты HTML ∧ и ∨ соответственно.

Ответ 3

Всегда есть строчный "v". Но серьезно, кроме Unicode, все, что я могу найти, будет &darr, который выглядит как & darr;.

Ответ 4

Перевернутый оборотень называется caron или háček.

Он имеет объект HTML в расширении TADS Latin-2 для HTML: ˇ и выглядит следующим образом: & caron; который, к сожалению, не отображается в том же размере/пропорции, что и ^ карет.

Или вы можете использовать unicode U+30C.

Ответ 5

Мощный вариант - и тот, который также повышает творческий потенциал, - это создание ваших собственных символов с помощью символов рисования в рамке.

Хотите, чтобы указательный "карет" указывал вниз? Здесь один: ╲╱

Я недавно их обнаружил - и я с большим удовольствием использую такие персонажи, которые были созданы специально для обозначения вещей вокруг.)

Ответ 6

Возможно, вы сможете использовать черные треугольники, значения Unicode U + 25b2 и U + 25bc. Или стрелки U + 2191 и U + 2193.

Ответ 7

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

˅˅˅ Hǝɹǝ, с ɐ ɯɐʇɔɥᴉuƃ сǝʇ˙ ˅˅˅
Здесь соответствующий набор.

"Фактический размер": ˅˄˅˄
(больше информации)


Изменение: еще один вариант...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ Unicode # 8897/U + 22C1 (информация) с именем N-ARY LOGICAL OR

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ Unicode # 8896/U + 22C0 (информация) с именем N-ARY LOGICAL AND

"Фактический размер": ⋁⋀⋁⋀

Ответ 8

С# code

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

Ответ 9

Я бы использовал несколько крошечных изображений. Будет выглядеть лучше.

В качестве альтернативы вы можете попробовать использовать утилиту Character Map, которая поставляется с Windows, или попробуйте найти здесь.

Другим решением, которое я видел, является использование шрифта Wingdings для символов. У этого есть много стрелок.

Ответ 10

Я сделал индексный капитал и выделен жирным шрифтом V. Он отлично работает (хотя он требует некоторых усилий, если это нужно делать повторно)

Синтаксис:

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

Вывод:
<Суб > vсуб >

Ответ 11

Вы можете использовать Font Awesome вместо использования юникода или других значков

Код может быть таким же простым, как (a), включая шрифт-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>

Ответ 12

^ (Caret - или Ascii Circumflex), созданный нажатием shift + 6, не имеет противоположного Ascii, а именно Ascii Inverted Circumflex.

Но для вашего альтернативного спаривания символов, которые также имеют комбинации клавиш, вы можете использовать:

(Circumflex) shift + alt + i и
(Caron) shift + alt + t

Источник: fileformat.info

Ответ 13

В ней нет перевернутого символа каретки, но вы можете легко повернуть каретку с помощью 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>

Ответ 14

Не могли бы вы просто нарисовать SVG-путь внутри span, используя document.write? Пролет не требуется для работы svg, он просто гарантирует, что svg остается встроенным с любым текстом, который находится рядом с каратом. Я использовал margin-bottom, чтобы вертикально центрировать его с текстом, но может быть и другой способ сделать это. Это то, что я сделал на мой блог 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>

Ответ 16

Если вам нужен потрясающий шрифт для приложений React, тогда React Icons - это очень хороший ресурс, который очень легко внедрить. Он включает в себя намного больше библиотек, чем просто потрясающий шрифт.