Allakriipsutavad sõnad - CSS-trikid

Anonim

CSS-i pole allajoonimise ( text-decoration: underline;) rakendamiseks ainult üksikute sõnade jaoks mitmesõnalises elemendis. Parim viis oleks pakkida iga sõna haardeulatuses (mitte tühikud, vaid sõnad) ja rakendada nendele vahemikele allajoonimine. Siin on jQuery, et seda h1elementide jaoks teha.

$('h1').each(function() ( var words = $(this).text().split(' '); $(this).empty().html(function() ( for (i = 0; i < words.length; i++) ( if (i == 0) ( $(this).append('' + words(i) + ''); ) else ( $(this).append(' ' + words(i) + ''); ) ) )); ));

Siis võiksite teha:

h1 span ( text-decoration: underline; )

Sarnane ja veidi jõulisem lahendus: Lettering.js