Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116

    padding-top aumenta altezza div

    ho un div con questo stile

    .generale
    {
    border: 1px red solid;
    width:50px;
    height:50px;
    Text-align:center;
    padding-top:20px;
    }


    lo scopo è di centrare una scritta al suo interno. Ho notato che aggiungendo padding-top, aumenta height :master: Come posso ovviare?
    Pietro

  2. #2
    Secondo la specifica ufficiale, la misura complessiva di un 'lato' (altezza o larghezza) è data dalla somma di tutte le seguenti proprietà:
    • border
    • padding
    • width (o height)

    Ne deriva che height e padding si sommano (non in IE, che sappiamo non seguire il box model standard). Per approfondire: http://www.diodati.org/w3c/css2/box.html .

    Per centrare un testo mono-linea, comunque, puoi usare line-height:

    codice:
     .generale
    {
       width:50px; height:50px;
       border:1px solid red;
       text-align:center;
       line-height:50px;
    }

  3. #3
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    se ho capito bene allora, non è height che aumenta, ma quello che vedo, cioè, height (altezza utile) + padding superiore e inferiore :master:
    Pietro

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.