Understreke individuelle ord - CSS-triks

Anonim

Det er ingen CSS for å bruke en understreking ( text-decoration: underline;) bare på individuelle ord i et flerordselement. Den beste måten ville være å pakke hvert ord i et spenn (ikke mellomromene, bare ordene) i spenner og bruke understreking til disse spennene. Her er jQuery for å gjøre det mot h1elementer.

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

Da kunne du gjøre:

h1 span ( text-decoration: underline; )

Lignende og litt mer robust løsning: Lettering.js