search

CiudadesAbiertas / vocab-sector-publico-empleo

Vocabulario de Empleo del proyecto Ciudades Abiertas
0 stars 1 forks source link

Problemas con <pre> y soluciones #2

Closed flowsta closed 3 years ago

flowsta commented 3 years ago

De la serie "esto no es un problema es una ¡característica!" me encuentro con que en la documentación hay scroll horizontal porque hay elementos de HTML pre con líneas muy largas.

Esto pasaba con algunos códigos de la documentación, bien de los ejemplos o bien de las clases. Cierto es que hay códigos de las clases que no sé por qué se ponen ahí, unos sí y otros no, pero códigos de ejemplo sí que pueden ser largos si son del tipo xsd:string.

Buscando que es gerundio me encuentro con esta pregunta en Stackoverflow y la solución CSS:

pre {
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
}

Además, tal como sugieren en Sitepoint, después de pre pongo un code para beneficiarme de su semántica. Por ejemplo:

<pre>
  <code>
    &lt;http://vocab.ciudadesabiertas.es/recurso/sector-publico/empleo/plaza-por-turno/188647-libre:gt; a esempleo:PlazaPorTurno ;
    esempleo:plazasxturno &quot;3&quot;^^xsd:integer ;
    esempleo:turnoPlaza &lt;http://vocab.linkeddata.es/datosabiertos/kos/sector-publico/empleo/turno/libre:gt; .
    </code>
</pre>
flowsta commented 3 years ago

Parece que funciona :-)