Есть ли перевернутый персонаж?
Мне нужно поддерживать большое количество классических страниц 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>
Ответ 15
U + 2304 СТРЕЛКА ВНИЗ, в HTML как & # 8964;
Ответ 16
Если вам нужен потрясающий шрифт для приложений React, тогда React Icons - это очень хороший ресурс, который очень легко внедрить. Он включает в себя намного больше библиотек, чем просто потрясающий шрифт.