Perché il testo ha l'effetto quando non ce l'ha fatta per avere questo effetto giustificano (css / php)

StackOverflow https://stackoverflow.com/questions/2589941

  •  25-09-2019
  •  | 
  •  

Domanda

Perché il mio testo ha l'effetto giustificare? In tutto il mio sito, io faccio echi e io non specificare un "text-align: justify;" ma il mio testo è ancora giustificare. Giustificare è quando si effettua la finestra del browser più piccoli, il testo si muove in modo che si inserisce nella finestra. Ho provato facendo qualcosa di simile a questo: <?php echo "<h1>some stuff.</h1>"; ?> <html> <head> <style> h1 { text-align:center; } etc ....

, ma rende solo il via testo al centro e mantiene l'effetto giustificare.

Si prega di aiutare me = [ grazie

È stato utile?

Soluzione

  

Giustificato è quando si effettua la finestra del browser più piccoli, il testo si muove in modo da adattarla alla finestra.

Non è quello che giustifica è. Giustificare rende così tutte le linee di testo sono della stessa larghezza, in questo modo:

alt text
(fonte: pws-ltd.com )

Se non si desidera che il testo di rimanere all'interno della finestra quando si compatta esso (quindi se volete una barra di scorrimento orizzontale), è necessario impostare un min-width su un <div> contenente il testo.

Edit: anche se forse ho frainteso quello che sono stati in realtà cercando di fare, e si desidera solo centrato. Se è così, l'uso margin: 0 auto; non text-align: center;

Altri suggerimenti

Giustificare è quando la spaziatura tra le parole viene regolata in modo testo è completamente allineato sui lati destro e destra del blocco di testo.

Quello che si sta descrivendo suona come anche se si desidera che il testo centrato, è abbastanza a lungo per riempire la pagina e quindi non sembrano davvero centrato. Considerare l'aggiunta di qualcosa di simile. La larghezza fissa mantiene il testo dal riempimento della finestra, e l'margin: 0 auto centra il tag h1 stesso:

<style type="text/css">
    h1 { text-align: center; width: 300px; margin: 0 auto }
</style>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top