有没有可能让jQuery/javascript检测字符串被破坏的位置(为了适应CSS宽度约束),以便在新行的开头之前插入DOM元素？
我有一个很长的文本,我想为用户提供阅读帮助:当前行应突出显示.为了使它更容易,我将只使用鼠标的Y坐标(这样,鼠标指针不会妨碍).我有一个带有id的大DIV,content它填充了整个宽度,还有一个带有content文本类的小DIV (参见这里的例子).
我正在使用jQuery 1.4.如何突出显示最接近当前鼠标位置的文本行？
我已经查看了与此相关的类似SO帖子,但没有一个涉及到我正在寻找的内容.假设我有一些文本,我把它扔到div中,并为该div添加一些任意(甚至可能是动态的)宽度.有没有什么办法可以在div programmaticaly中捕获和操作单独的文本行(例如,捕获然后将自己的span标记中的每一行文本换起来或类似的东西,这将使我能够操纵单独的行)？
我已经能够使用等宽字体完成此操作,并且基本上首先每行创建一个跨度,并且每个跨度只分配相同数量的字符(使用一些额外的代码,因此单词当然不会被切断),但我会喜欢用非等宽字体来做这件事,这当然会引起问题,因为非monopsaced字体的字符水平间距会有所不同.
var str = "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
container = $('<div>');
container.width('100px').html(str).appendTo('body');
这个输出几乎是你所期望的.它 …
假设我的p元素或div元素有一个大约10-15行的文本,现在我的客户端对此有一个奇怪的调用,他需要具有不同文本颜色的奇数/偶数行.比较第1行 - 黑色,因此第2行应为灰色,第3行应为黑色,依此类推......
所以我决定使用范围的,改变颜色,而是可变分辨率在这里杀的东西,是知道的的:first-line选择(这将不会在这种情况下很有用),也选择像:odd和:even会我不使用表来这里排除了,所以有什么方法可以使用CSS实现这一点,还是我需要使用jQuery？
TL; DR:我想在段落或div中定位奇数/偶数行
我需要一个CSS解决方案,如果没有,欢迎使用jQuery和JavaScript
我有一个<div>元素，它将显示一个没有换行符的段落，就像示例中一样
<div>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, …