Подвуци појединачне речи - ЦСС-трикови

Anonim

Не постоји ЦСС за примену подвлачења ( text-decoration: underline;) само на појединачне речи у елементу са више речи. Најбољи начин био би умотати сваку реч у распону (не размаке, само речи) у распоне и применити подвлачење на те распоне. Ево јКуери-ја да то учиним h1елементима.

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

Тада бисте могли:

h1 span ( text-decoration: underline; )

Слично и мало робусније решење: Леттеринг.јс