Marge supérieure à l'intérieur d'une div ne fonctionne pas?

J'ai un div qui contient des liens (a href). Tous les autres marges de travailler avec un href, mais la marge Supérieure est de ne pas travailler avec un href. Je veux placer des liens dans le milieu, mais parce que de ne pas travailler de la marge supérieure, il n'est pas possible. J'ai entendu dire par la position de réglage ou affichage, il peut travailler. Veuillez indiquer d'une croix du navigateur solutions.

div.MainContainer div.Links
{
    height: 57px;
    width: 100%;
    border-top: solid 0px #404040;
    border-left: solid 2px #404040;
    border-right: solid 2px #404040;
    border-bottom: solid 2px #404040;
    background-image: url("../Images/links_background.png");
}
div.MainContainer div.Links a
{
    font:12px verdana;
    color:White;
    margin:10px;
    border:dashed 1px white;
    margin:15px 20px 20px 20px ;
    width:100px;
}

source d'informationauteur haansi

  1. 16

    Vous avez besoin de float élément pour faire de la marge de travail ou de l'utilisation de rembourrage à la place.

    div.MainContainer div.Links a
{
    float: left;
    font:12px verdana;
    color:White;
    margin:10px;
    border:dashed 1px white;
    margin:15px 20px 20px 20px ;
    width:100px;
}
  2. 4

    La hauteur des éléments en ligne ne peut pas être changé, il suffit d'utiliser display:inline-block; sur vos liens.

  3. 3

    Essayer ci-dessous. J'ai ajouté overflow: hidden vers le haut définition et display: block et float: left pour le bas de la définition. Le premier ajout efface le flotteur ajoutée, et les deux derniers permettent à la marge sur les liens pour fonctionner correctement.

    div.MainContainer div.Links
{
    height: 57px;
    width: 100%;
    border-top: solid 0px #404040;
    border-left: solid 2px #404040;
    border-right: solid 2px #404040;
    border-bottom: solid 2px #404040;
    background-image: url("../Images/links_background.png");
    overflow: hidden;
}
div.MainContainer div.Links a
{
    font:12px verdana;
    color:White;
    margin:10px;
    border:dashed 1px white;
    margin:15px 20px 20px 20px ;
    width:100px;
    display: block;
    float: left;
}
  4. 2

    Essayer padding-top sur le div.Links plutôt que margin-top sur le div.Links a.

  5. 0

    utilisation padding-top: 1px (au moins) pour le div.Links et vous n'avez pas besoin d'utiliser de flotter sur l' div.Links a