Is er een ondersteboven caret-teken?

Ik moet een groot aantal klassieke ASP-pagina’s onderhouden, waarvan vele tabelgegevens hebben zonder enige sorteermogelijkheden. De volgorde die de oorspronkelijke ontwikkelaar in de databasequery heeft gebruikt, is waarmee u vastzit.

Ik wil op een aantal van deze pagina’s wat basissortering toepassen, en ik doe het allemaal aan de clientzijde met javascript. Ik heb het basisscript al klaar om een bepaalde tabel op een bepaalde kolom in een bepaalde richting te sorteren, en het werkt goed zolang de tabel beperkt is door bepaalde conventies die we hier volgen.

Wat ik voor de gebruikersinterface wil doen, is de sorteerrichting aangeven met het caret-teken ( ^ ) en … wat? Is er een speciaal teken dat het tegenovergestelde is van een caret? De letter vzal het niet helemaal afsnijden. Is er een andere tekencombinatie die ik kan gebruiken?


Antwoord 1, autoriteit 100%

Er is ▲: ▲en ▼ : ▼


Antwoord 2, autoriteit 52%

Vergeet de tekens (logische en) en (logische of) tekens niet, wat ik gebruik om de sorteerrichting aan te geven: HTML-entiteiten ∧& ∨.


Antwoord 3, autoriteit 13%

Er is altijd een kleine “v”. Maar serieus, afgezien van Unicode, is alles wat ik kan vinden &darr, dat eruitziet als ↓.


Antwoord 4, autoriteit 10%

Een omgekeerde circumflex wordt een caronof een háček genoemd.

Het heeft een HTML-entiteit in de TADS Latin-2-extensie voor HTML: ˇen ziet er als volgt uit: ˇ die helaas niet in dezelfde grootte/verhouding wordt weergegeven als de ^ caret.

Of je kunt de unicode U+30Cgebruiken.


Antwoord 5, autoriteit 5%

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

 ˅˅˅ Hǝɹǝ,s ɐ ɯɐʇɔɥᴉuƃ sǝʇ˙ ˅˅˅
˄˄˄ Hier is een bijpassende set. ˄˄˄

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

“Ware grootte”: ˅˄˅˄

(meer info)


Bewerken: Een andere optie…

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ Unicode #8897 / U+22C1 (info)met de naam N-ARY LOGICAL OF

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ Unicode #8896 / U+22C0 (info)met de naam N-ARY LOGISCH EN

“Werkelijke grootte”: ⋁⋀⋁⋀


Antwoord 6, autoriteit 4%

Een krachtige optie – en een die ook de creativiteit stimuleert – is het ontwerpen van je eigen personages met behulp van tekentekens voor dozen .

Wilt u een naar beneden wijzend “caret”? Hier is er een: ╲╱

Ik heb ze onlangs ontdekt – en ik gebruik met veel plezier zulke speciaal ontworpen karakters om dingen rondom te labelen 🙂 .


Antwoord 7, autoriteit 3%

Misschien kunt u de zwarte driehoeken, Unicode-waarden U+25b2 en U+25bc gebruiken. Of de pijlen, U+2191 en U+2193.


Antwoord 8, autoriteit 2%

Je zou kunnen overwegen om Font Awesomete gebruiken in plaats van de unicode of andere pictogrammen

De code kan zo simpel zijn als (a) inclusief lettertype-geweldig, b.v. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">(b) het maken van een knop zoals <button><i class="fa fa-arrow-down"></i></button>


Antwoord 9, autoriteit 2%

c#-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

Antwoord 10

Ik zou een paar kleine afbeeldingen gebruiken. Zou er ook beter uitzien.

U kunt ook het hulpprogramma Character Map proberen dat bij Windows wordt geleverd of hierzoeken.

Een andere oplossing die ik heb gezien, is het Wingdings-lettertype voor symbolen te gebruiken. Dat heeft veel pijlen.


Antwoord 11

Ik heb hoofdletter & vetgedrukte V. Het werkt perfect (hoewel het wat moeite kost, als het herhaaldelijk moet worden gedaan)

Syntaxis:

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

Uitvoer:
v


Antwoord 12

De ^(Caret – of Ascii Circumflex), geproduceerd door op shift+ 6te drukken, lijkt geen tegengestelde Ascii te hebben, namelijk een Ascii Inverted Circumflex.

Maar voor uw alternatieve tekencombinatie die ook toetsenbordcombinaties heeft, kunt u het volgende gebruiken:

ˆ (Circumflex) shift+ alt+ ien
(Caron) shift+ alt+ t

Bron: fileformat.info


Antwoord 13

Er is geen ondersteboven caret-karakter, maar je kunt de caret gemakkelijk roteren met CSS. Dit is een eenvoudige oplossing die er perfect uitziet. Druk op ‘Run Code Snippet’ om het in actie te zien:

.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>

Antwoord 14

U + 2304 Down Arrowhead , in HTML als & amp; # 8964;


Antwoord 15

Zou je gewoon een SVG-pad in een span doen gebruiken met behulp van document. Schrijf? De span is niet vereist voor de SVG om te werken, het zorgt ervoor dat de SVG inline blijft met de tekst waar de karaat naast is. Ik gebruikte margin-bodem om het verticaal te centreren met de tekst, er is misschien een andere manier om dat te doen. Dit is wat ik deed op mijn blog’s Side Nav (minus de JS). Als u ernaast geen tekst hebt, hebt u de span of de margin-bottom-offset niet nodig.

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

Antwoord 16

Als u Font-Awesome nodig hebt voor reageer-apps dan dan reageren iconen is een zeer goed Resource en zeer eenvoudig te implementeren. Het bevat veel meer bibliotheken dan alleen font-awesome.


Antwoord 17

Dus ik wilde de caret precies zoals in OWA, dus ik heb office365icons.woff
https://owa.example.com/owa/prem/15.1.1913.10/resources/styles/fonts/office365icons.woff(moeten ingelogd zijn om het te doen, dus deed het door browser) En dan kopieer de gekookte stijl van de website:

 @font-face {
      font-family: 'Office365Icons';
      src: url('/fonts/office365icons.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  span.o-icon {
      font-family: 'Office365Icons';
      font-size: 14pt;
      line-height: 21px;
      color: #666;
  }

en ten slotte:

<span class="o-icon">&#xe088;</span>

Other episodes