如何选择第n行文字（CSSJS）

如何选择第n行文字（CSS / JS）

有趣。您可以使用Javascript执行类似的 *** 作：

$(function(){   var p = $('p');   var words = p.text().split(' ');   var text = '';   $.each(words, function(i, w){        if($.trim(w)) text = text + '<span>' + w + '</span> ' }        ); //each word   p.html(text);   $(window).resize(function(){    var line = 0;     var prevTop = -15;     $('span', p).each(function(){       var word = $(this);       var top = word.offset().top;       if(top!=prevTop){         prevTop=top;         line++;       }       word.attr('class', 'line' + line);     });//each  });//resize  $(window).resize(); //first one});

基本上，每当窗口调整大小时，我们就用一个跨距包裹每个单词，并根据跨距的位置添加一个类。我相信它可以更有效地完成，但是可以作为概念证明。当然，对于偶数/奇数行，您可以简化代码。

边缘案例：我没有在类更改单词的大小或宽度的地方进行测试。它可能最终会非常错误。