CSS: Unterschied zwischen den Versionen

Aus Wiki - Jochen Hammann
Zur Navigation springen Zur Suche springen
 
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
Zeile 2: Zeile 2:




= Zentrieren eines Blocks =
= Zentrieren in CSS =


Das folgende CSS-Snippet zeigt eine Möglichkeit einen Block horizontal und vertikal zu zentrieren.
[https://css-tricks.com/centering-css-complete-guide/ Centering in CSS: A Complete Guide].
 
<syntaxhighlight lang="css">
.center {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
</syntaxhighlight>





Aktuelle Version vom 19. März 2018, 14:19 Uhr


Zentrieren in CSS

Centering in CSS: A Complete Guide.


Sprungziel bei Inline Link und 'fixed' Header korrigieren

Das folgende CSS-Snippet zeigt eine Möglichkeit, das Sprungziel eines Inline Links zu korrigieren, wenn dieses hinter einem fixed Header verschwindet.

a[name] {
  display: block;
  content: " ";
  margin-top: -75px;
  height: 75px;
  visibility: hidden;
}