html - tag - style pre css
etiqueta<pre> y css font-family (5)
¡Sorprendente! Cuando publiqué esta pregunta, la visualización de Stackoverflow es justo lo que quiero.
Así que la solución es:
pre
{
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
margin-bottom: 10px;
overflow: auto;
width: auto;
padding: 5px;
background-color: #eee;
width: 650px!ie7;
padding-bottom: 20px!ie7;
max-height: 600px;
}
Tengo html con el siguiente código:
tag and css font-family">
Debe utilizar una fuente monoespaciada (también conocida como fuente de máquina de escribir). Esa es una fuente en la que todos los caracteres toman el mismo espacio.
En CSS, el nombre de la fuente monospace se traduce a la fuente de monoespacio predeterminada en el sistema del usuario. Es una buena práctica incluir monospace al final de una lista de fuentes familiares para el elemento <pre> , de modo que pueda usarse como alternativa.
Por ejemplo:
pre {font-family: Consolas,monospace}
usará la fuente monoespaciada de Consolas si está disponible o se puede volver a la predeterminada.
La definición predeterminada para la etiqueta pre usa la fuente monoespaciado (como en la consola).
font-family: monospace;
Es posible que su definición sugiera un tipo diferente de fuente, por lo que su diseño se rompe. Debe especificar una fuente monoespaciado específica del sistema (por ejemplo, ''Lucida Console'') o el alias alternativo ''monospace'';
La mejor respuesta parece ser cómo usar css para cambiar el tamaño de fuente <pre> :
De esa respuesta: (refiriéndose al texto dentro del pre )
... siempre puede envolver ese texto en otro elemento (un intervalo, por ejemplo) y cambiar el tamaño de fuente de ese elemento.
(No te olvides de aumentar su respuesta allí).
No agregue la definición de la familia de fuentes para la etiqueta pre. Quítela y todo irá bien. O si tiene que usar la definición, no use la pestaña para insertar espacios. Use la barra espaciadora solo para insertar espacios. Mucho trabajo, pero ese es el camino por recorrer Espero que esto ayude