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

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

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

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

15 ответов


есть ▲: , а ▼:


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


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


перевернутый круг называется Кэрон, или háček.

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

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


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

хотите вниз указывая "каретку"? Вот один:╲ ╱

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


вы можете использовать черные треугольники, значения 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

Hǝɹǝ, s ɐ ɯɐʇɔɥᴉu S S
вот такой комплект.

"реальный размер": ˅˄˅˄
(подробнее)


Edit:Другой Вариант...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ Unicode #8897 / U+22C1 (информация)

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ Unicode #8896 / U+22C0 ( info)

"реальный размер": ⋁⋀⋁⋀


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

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

другое решение, которое я видел, - использовать шрифт Wingdings для символов. Что имеет большое стрелы ФО.


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

синтаксис:

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

выход:
v


можно использовать Шрифт Удивительным вместо использования unicode или других значков

код может быть таким же простым ,как (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>


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

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

ˆ (Circumflex) shift + alt + i и
ˇ (Керона) shift + alt + t

источник: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>

обратите внимание на следующее...

  • Я сделал небольшую коррекцию для позиционирования каретки, так как она обычно высока (таким образом, низкая в повернутой версии). Ты хочешь немного поднять его. Это "немного" относится к размер шрифта, следовательно, "em". В зависимости от вашего выбора шрифта, вы можете возиться с этим, чтобы он выглядел хорошо.
  • это решение не работает в IE8. Вы должны использовать фильтр, если хотите поддержку IE8. Поддержка IE8 на самом деле не требуется и не распространена в 2018 году.
  • если вы хотите использовать это в сочетании с Twitter Bootstrap, пожалуйста, переименуйте класс "caret" в что-то еще, например "caret_down" (как он сталкивается с именем класса из Twitter Начальная загрузка.)

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

Если вам нужен шрифт-awesome для приложений React, то Иконки Реагируют - очень хороший ресурс и очень прост в реализации. Он включает в себя гораздо больше библиотек, чем просто font-awesome.