CSS trik: mezera v content

CSS vlastnost content umožňuje přidat před nebo za HTML element ještě nějaký text. Některé znaky, třeba mezeru, to ale ne a ne zobrazit.

Například chceme přidat text „(odkaz)“ za všechny odkazy:

a:after {
	content: "(odkaz)";
}

Ale je to moc nalepené, tak chceme přidat ještě mezeru:

a:after {
	content: " (odkaz)";
}

A nic. Mezera se vůbec nezobrazí. Pokud se nějaký znak odmítá zobrazit, Řešením je použít pro jeho zápis Unicode:

a:after {
	content: "\00a0(odkaz)";
}

A je to.

  Development, Návody Napsat komentář

Napsat komentář

Vaše emailová adresa nebude zveřejněna.

Můžete používat následující HTML značky a atributy: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>