Tek Sözcüklerin Altını Çizin - CSS Hileleri

Anonim

Alt çizgiyi ( text-decoration: underline;) yalnızca çok kelimeli bir öğedeki tek tek kelimelere uygulamak için CSS yoktur . En iyi yol, her kelimeyi bir aralıkta (boşlukları değil, yalnızca kelimeleri) aralıklarla sarmak ve bu aralıklara alt çizgi uygulamaktır. İşte bunu h1öğelere yapmak için jQuery .

$('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) + ''); ) ) )); ));

O zaman yapabilirsin:

h1 span ( text-decoration: underline; )

Benzer ve biraz daha sağlam çözüm: Lettering.js