2011-10-17 3 views
5

Je suis rendu le HTML dans mon projet pour créer ce type d'image comme suit:nombres fractionnaires en langage Java ou Android

desired output

donc j'écrire ce code comme ci-dessous:

<big>1</big> 
<sup> 
    <sup> 
    <small> 
     <small>1</small> 
    </small> 
    </sup> 
</sup> 
/
<sub> 
    <small>3</small> 
</sub> 

Mais la sortie ressemble à ceci:

actual output

Vous pouvez voir l'écart entre le nombre 1 et '/' et aussi entre '/' et 3. une idée de comment l'enlever?

Solution:

Just number values changes 

<big>1</big><sup>1</sup>&frasl;<sub>10</sub> 

qui ressemblera à cela comme dans la figure. enter image description here

Espérons que cela aidera quelqu'un.Merci les gars pour votre soutien.

+2

Si la police prend en charge, peut-être vous suffit d'utiliser le tiers symbole: ⅓ – aioobe

+0

@aioobe i utilisé balise de police avant qu'il ne prend pas en charge alors je suis allé pour les étiquettes, petits et grands –

+0

Je reformule dans un répondre ... – aioobe

Répondre

3

La raison pour laquelle vous voyez des lacunes entre le numérateur, le séparateur, et le dénominateur est parce que vous essayez de rendre trois caractères différents dans une chaîne de texte brut, l'un après l'autre:

enter image description here

Puisque vous voulez que les éléments fractionnaires se comportent un peu différemment du comportement du texte standard, vous devrez utiliser un outil spécialement conçu pour afficher ces types de symboles. Vous pourriez vouloir regarder MathML (en particulier, la partie traitant bevelled elements in fractions, et quelque chose comme JEuclid pour faire le rendu réel.)

+0

Merci, Pouvons-nous utiliser directement ce code dans le code html? –

+1

Peu probable. La prise en charge native de MathML existe dans Firefox (http://caniuse.com/mathml), mais la plupart des autres navigateurs ne peuvent pas le rendre en mode natif, y compris le navigateur Android. Il semble que vous deviez rendre les composants fractionnaires à .pngs avec JEuclid, puis les inclure dans la page que vous affichez. – matt

+0

ok merci pour l'aide, mais je veux utiliser directement dans le code. –

0

Il ne traite pas vraiment de votre problème, et je vais admettre que je n'ai pas J'ai encore fait ça sous Android, mais je ne vois pas pourquoi ça ne marcherait pas, mais ce que j'ai fait dans ce genre de situations auparavant, c'était ... tricher, je suis un programmeur après tout;). Prenez le texte avec lequel vous rencontrez des problèmes et générez dynamiquement un graphique attrayant, puis affichez ce graphique. Les concepteurs l'ont fait aussi pour toujours, en utilisant des substitutions de polices Flash.

Certains problèmes ne sont pas facilement résolus de la "bonne" manière. HTH

+0

J'ai trouvé une solution comme je l'ai mis dans ma question ci-dessus.Voir le plz –

+0

Je sais que nous pouvons utiliser des images.Mais votre application sera tellement d'images alors ce n'est pas une bonne solution.Parce que l'application Android devient lente avec de nombreuses images. –