Visualizzazione dei risultati da 1 a 2 su 2

Discussione: <LI> e vertical-align

  1. #1

    <LI> e vertical-align

    salve a tutti ho dei tag LI che vorrei centrare verticalmente
    volevo sapere prima di tutto se l'attributo vertical-align: middle è utilizzabile con il tag <LI>

    perchè ho provato ma i testi rimangano sempre e comunque in posizione TOP

    #rptottpag {
    list-style:none;
    }
    #rptottpag LI {
    display: inline;
    width:100%;
    background-color: white;
    height:45px;
    vertical-align: middle;
    }

    la classe viene attribuita rptottpag è attribuita a UL

  2. #2
    Per allineare il testo verticalmente all'interno di un box non si usa vertical-align.
    Tale valore indica, difatti, il posizionamento del box rispetto alla linea base del suo contenitore.
    Per l'allineamento verticale interno è sufficiente impostare line-height in questo modo:
    codice:
    #rptottpag LI {
    display: inline;
    width:100%;
    background-color: white;
    height:45px;
    line-height : 45px;
    }
    ed eventualmente, se all'interno dell'elemento LI troviamo altri elementi, ripetere l'operazione.
    Esempio:
    codice:
    #rptottpag LI A{
    line-height : 45px;
    }
    Ma c'è un ma: utilizzando una visualizzazione inline la proprietà height non viene applicata al box.
    Se si tratta di un menu orizzontale sarebbe meglio utilizzare una visualizzazione block impostando il float:left.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.