2011-10-17 7 views
5

estoy haciendo que el HTML en mi proyecto para crear este tipo de imagen de la siguiente manera:escritura números fraccionarios en Java o Android

desired output

así que escribir el código de la siguiente manera:

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

Pero la salida tiene el siguiente aspecto:

actual output

Puede ver la brecha entre el número 1 y '/' y también entre '/' y 3. ¿Alguna idea de cómo eliminarlo?

Solución:

Just number values changes 

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

la que se verá así como en la figura. enter image description here

Espero que esto ayude a alguien. Gracias a todos por su apoyo.

+2

Si la fuente es compatible con él, tal vez lo que utilizaría el símbolo de un tercio: ⅓ – aioobe

+0

@aioobe yo solía etiqueta de fuente antes de que no apoyaba así que fui para etiquetas grandes y pequeños –

+0

Voy a reformular en una respuesta ... – aioobe

Respuesta

3

La razón por la que se está viendo en los huecos entre el numerador, el separador, y el denominador se debe a que estamos tratando de hacer que tres personajes diferentes en una cadena de texto sin formato, uno tras otro:

enter image description here

Dado que desea que los elementos fraccionarios se comporten de forma un poco diferente de lo que se comporta el texto estándar, tendrá que considerar el uso de algo diseñado especialmente para mostrar estos tipos de símbolos. Es posible que desee ver MathML (específicamente, la parte que trata con bevelled elements in fractions, y algo así como JEuclid para hacer la representación real.

+0

Gracias, ¿Podemos usar directamente este código dentro del código html? –

+1

No es probable. El soporte nativo de MathML existe en Firefox (http://caniuse.com/mathml), pero la mayoría de los otros navegadores no pueden mostrarlo de forma nativa, incluido el navegador de Android. Parece que tendrá que representar los componentes fraccionarios en .pngs con JEuclid y luego incluirlos en la página que está visualizando. – matt

+0

ok gracias por la ayuda, pero quiero usar directamente dentro del código. –

0

Realmente no aborda su problema, y ​​lo admitiré no lo he hecho hecho esto en Android todavía, aunque no veo por qué no funcionaría, pero lo que he hecho en este tipo de situaciones antes era ... hacer trampa. Después de todo soy un programador;). Tome el texto con el que tiene problemas y genere dinámicamente un gráfico atractivo para él, luego visualice ese gráfico. Los diseñadores también han estado haciendo esto para siempre, usando sustituciones de fuentes Flash.

Algunos problemas simplemente no se resuelven fácilmente de la manera "correcta". hth

+0

Encontré una solución como puse en mi pregunta anterior.Véalo plz –

+0

Sé que podemos usar imágenes. Pero su aplicación tendrá tantas imágenes que esta no es una buena solución. Debido a que la aplicación de Android se vuelve lenta con muchas imágenes. –