HTML, CSS: overbar dopasowanie pierwiastka kwadratowego symbol

Czy istnieje sposób w HTML4 i/lub CSS, aby wykonać następujące czynności, ale wtedy poprawnie:HTML, CSS: overbar dopasowanie pierwiastka kwadratowego symbol

√ ¯ ¯ ¯ ¯ ¯ ¯ φ & middot; (2 π − γ)
& thinsp; & thinsp; ↑ ← ← & thinsp; ←

Jak mogę przenieść mój wyraz w lewo, pod ¯ symboli tak, że pokrywają się one siebie nawzajem? Uwaga: powinien działać na każdym rozmiarze czcionki.

Dzięki!

_{(Mój aktualny kod, dziękuję Matthew Jones ⁽⁺¹⁾ dla text-decoration: overline, brakuje skalowanie wielkości i poprawnie pozycjonowanie overline. Dlatego edytowany to pytanie, jak ¯ pasuje rozmiarów & pozycja w czcionki Georgia).}

Źródło

2010-05-18 Pindatjuh

następujące prace dokładnie jak chciałem go:

<div class="math"> 
    &radic;<span>&macr;&macr;&macr;&macr;</span><span style="margin-left: -2.39em; vertical-align: 0.1em;">x + 1</span> 
</div>

(Gdzie math definiuje font-family: Georgia i font-size)

To działa na dowolnym font-size! :-)

Przykład: http://jsbin.com/ihaba3

Źródło

2010-05-18 21:14:25 Pindatjuh

Tak to wygląda, z podziałem na: http://jsbin.com/ihaba3/2 – Pindatjuh

wygląda okropnie w mojej przeglądarce. Chrome 29. – chowey

można ustawić CSS dla tekstu, który powinien pojawić się pod overbar jak

text-decoration:overline

EDIT: ten jest cholernie blisko tego, co chcesz (Chrome 4.1.249):

<div style="font-family: Georgia; font-size: 200%"> 
    <span style="vertical-align: -15%;">&radic;</span> 
    <span style="text-decoration: overline; vertical-align:-20%;">&nbsp;x&nbsp;+&nbsp;1&nbsp;</span> 
</div>

Niestety nie wydaje się być sposób, aby zmodyfikować grubość samego overline ..

Źródło

2010-05-18 20:34:48

właśnie testowane, że w powyższym przykładzie za pomocą Firebug i działa idealnie * * !. – EAMann

Widzę (chociaż wpis po span dodaje przestrzeń poziomą, zakładam, że dodałeś ją z powodu formatowania w StackOverflow). Chociaż obniżenie ekspresji nie było moim celem, wystarczy obniżyć pasek, tekst jest na dobrej pozycji. Dziękuję za pomoc. – Pindatjuh

Działa to idealnie dla mnie, jeśli nie ma spacji między pierwszym tagiem końca zakresu i następnym znacznikiem początku zakresu. '' http://jsbin.com/utolo Można również użyć deklaracji 'border-top', aby spróbować dopasować grubość i wygląda całkiem nieźle: http://jsbin.com/utolo/2 – ghoppe

musisz być w stanie umieścić postacie pod korzeniem w osobnym przęśle, a następnie nadać mu styl z krawędzią na górze. Ale prawdopodobnie będziesz musiał zwiększyć rozmiar czcionki modelu √, aby ustawić go w jednej linii.

Źródło

2010-05-18 20:35:09 jordanstephens

Właściwie 'border-top' działa idealnie! Sprawdź to skrzypce, aby porównać je do "dekoracji tekstu: overline" http://jsfiddle.net/qDZNB/ – chowey

<math xmlns="http://www.w3.org/1998/Math/MathML"> 
    <msqrt> 
     <mrow>φ(2π−γ)</mrow> 
    </msqrt> 
</math>

Źródło

2010-05-19 03:56:31 reisio

Byłoby miło, gdyby działało we wszystkich obecnych przeglądarkach, prawda? – ghoppe

Byłoby miło, gdyby ludzie przestali używać IE, tak. – reisio

HTML, CSS: overbar dopasowanie pierwiastka kwadratowego symbol

Odpowiedz

Powiązane problemy