我有一个设置,可以并排显示两个元素,特别是图像和类似Facebook的框.
图像有float:left和像文件盒div/span一样float:right- HTML代码看起来像这样:
<div class="header"><img class="logo" src="logo.jpg"><span class="fb-like-box"><iframe></iframe></span></div>
在某些情况下,当浏览器宽度缩小到某个点时,FB like框将中断(或移动)到下一行.我使用CSS @media查询来处理这个问题.
不幸的是,某些移动浏览器不会"破坏"或将FB状框移动到相同CSS点的下一行.例如,它在320px宽度的iPhone和360px宽度上呈现良好的注意事项2.但是,如果手机宽度为380px的三星股票浏览器,下一行显示Facebook喜欢的盒子,实际上盒子本身是可怕的.
如何使用jQuery检测浮动元素是否显示在下一行上(或中断)并执行CSS修改？
谢谢您的帮助!
代码如下:
<h1 class="slide-title">
<span class="slider-category">
<a href="/test/test.html"> Blocking irritating text</a>
</span>
Hong Kong Trip Nov 2015 – Day 3 Itinerary
</h1>
使用h1.slide-title:hover也会影响span元素中的"阻止刺激性文本".
我只希望在悬停强调以下文本"港行2015年11月-第3天行程",我不要想了"阻止刺激性文本"当我将鼠标悬停在它出现下划线.
这可能与CSS或jQuery？
编辑:问题不重复,因为我不想编辑HTML.另外作为旁注,我希望<span>元素也可以单独悬停下划线.
我有一些代码如下:
<p class="fp-excerpt fp-text-one text-random-override">[image caption]I don't want this text[/image caption]Lorem Ipsum Text</p>
<p class="fp-excerpt fp-text-one text-random-override">[image caption]I don't want the text here too[/image caption]Lorem Ipsum Text number two</p>
如何使用jQuery定位段落类并删除[image caption]和[/ image caption]标签,以及中间的随机文本？
谢谢!