HTML span align center non funziona?

Ho un po ‘ di HTML:

<div align="center" style="border:1px solid red">
This is some text in a div element!
</div>

Div cambia la spaziatura sul mio documento, quindi voglio usare un arco per questo, invece.

Ma span non è la centralizzazione dei contenuti:

<span style="border:1px solid red;align=center">
This is some text in a div element!
</span>

Come posso risolvere questo problema?

EDIT:

Mio codice completo:

<html>
<body>

<p>This is a paragraph. This text has no alignment specified.</p>

<span style="border:1px solid red;text-align=center">
  This is some text in a div element!
</span>

</body>
</html>
  • Il div è “la modifica dello spazio”? Cosa vuoi dire con questo? E il tuo span non perché, di default è un elemento inline, mentre un div è un elemento di livello.
  • Ciao JamWaffles, Da “spaziatura” intendo il div aggiunge spazio sopra e sotto il contenuto. L’arco non.
  • Utilizzare Firebug o Chrome di ispezione per vedere che cosa le regole CSS sono applicate al vostro elemento e cercare quella che aggiunge padding o margin. È possibile, inoltre, gli elementi circostanti hanno imbottitura/margine.
  • text-align=center dovrebbe essere text-align:center
InformationsquelleAutor David19801 | 2011-12-05

 

7 Replies
  1. 180

    Un div è un elemento di blocco, e per coprire la larghezza del contenitore, a meno che una larghezza è impostato. Un arco è un elemento inline, e avrà la larghezza del testo all’interno di esso. Attualmente, si sta cercando di impostare allineare come una proprietà CSS. Allineare è un attributo.

    <span align="center" style="border:1px solid red;">
        This is some text in a div element!
    </span>

    Tuttavia, l’attributo align è deprecato. Si dovrebbe usare il CSS text-align proprietà sul contenitore.

    <div style="text-align: center;">
        <span style="border:1px solid red;">
            This is some text in a div element!
        </span>
    </div>
  2. 43

    Si prega di utilizzare il seguente stile. margin:auto normalmente utilizzate per il centro di allineare il contenuto. display:table è necessario per span elemento

    <span style="margin:auto; display:table; border:1px solid red;">
        This is some text in a div element!
    </span>
  3. 30

    Il align attributo è deprecato. Utilizzare i CSS text-align invece. Inoltre, la durata non centrare il testo, a meno che non si utilizza display:block o display:inline-block e impostare un valore per la larghezza, ma poi si comporterà come un div (elemento di blocco).

    Puoi postare un esempio del layout? Utilizzare http://www.jsfiddle.net

    • Questa dovrebbe essere la risposta corretta
    • Ha funzionato alla grande! Grazie.
    • Non riesco ad allineare i due elementi in modo diverso, mantenendo elementi?
  4. 8
    span.login-text {
        font-size: 22px;
        display:table;
        margin-left: auto;
        margin-right: auto;
    }
    
    <span class="login-text">Welcome To .....CMP</span>

    Per me ha funzionato molto bene. provare anche questo

  5. 0

    Span inline-block e regola di testo inline dimensioni, con una tenacia che blocca la maggior parte degli sforzi per lo stile inline contesto. Per semplificare stile di layout (limite di conflitti), aggiungere div a ‘p’ con tag di interruzione di riga.

    <p> some default stuff
    <br>
    <div style="text-align: center;"> your entered stuff </div>
  6. 0

    In cima a tutte le altre spiegazioni, credo che si sta utilizzando uguale "=" segno, invece di colon ":":

    <span style="border:1px solid red;text-align=center">

    Dovrebbe essere:

    <span style="border:1px solid red;text-align:center">

Lascia un commento