Es wird durch Ihre Anker verursacht, die eine obere Polsterung haben, die der Höhe entspricht, die die Krümel haben sollen. Ich habe diese Polsterung entfernt und das enthaltende Listenelement gegeben height:30px;
, gab die Anker line-height:30px;
Also bleiben sie vertikal zentriert.
#crumbs ul li {
display: inline-block;
height:30px;
}
#crumbs ul li a { /* The block part of each breadcrumb; the text in each breadcrumb */
display: block;
line-height:30px;
background: #327098;
/*text-align: center; */
padding: 0 10px 0 80px; /* size of each breadcrumb */
position: relative;
margin: 0 5px 0 0;
font-size: 16px;
text-decoration: none;
color: #000000;
}
Bearbeiten
Ich bin mir nicht sicher, was Sie damit meinen, dass sie separat existieren. Ich habe gerade den Code kopiert, den Sie in eine Geige bereitgestellt haben, und leitete ihn. Und ich habe das offensichtliche Problem gesehen und ich tat, was ich konnte. Hier ist das Problem, das ich gesehen habe. http://jsfiddle.net/zh6bw/