Tag: html

防止滚动条加到Chrome的宽度页面上: 我有一个小问题，试图保持我的.html页面在Chrome浏览器上的一致的宽度，例如我有一个页面（1）有很多内容溢出视口的（右字？）高度，所以有一个垂直滚动条（1）。在页面（2）我有相同的布局（菜单，divs，…等），但较less的内容，所以没有垂直滚动条在那里。问题是，在页面（1）上滚动条似乎将元素稍微向左推动（加起来的宽度？），而在页面（2）我仍然是HTML / CSS / JS的初学者，我相当确信这不是那么困难，但是我找不到解决scheme。它在IE10和FireFox（无干扰的滚动条）上按预期工作，我只在Chrome上遇到过。

使用CSS删除图像之间的空间: 鉴于： <img src="…"/> <img src="…"/> 结果是两个图像之间有一个单一的空间。看起来正常的行为是将任意数量的空格，换行符和制表符显示为单个空格。我知道我可以做到以下几点： <img src="…"/><img src="…"/> 要么 <img src="…"/><!– –><img src="…"/> 要么 <img src="…"/ ><img src="…"/> 或者任何其他的黑客。有没有办法删除与CSS的空白？例如 <div class="nospace"> <img src="…"/> <img src="…"/> </div>

如何在UIWebView中保存内容以便在下次启动时加载更快？: 我知道最近在iphone sdk中引入了一些caching类，并且还有一个来自three20库的TTURLRequest，允许你caching一个请求到一个URL。但是，因为我通过调用UIWebView的loadRequest在UIWebView中加载网页，所以这些技术并不适用。任何想法如何保存一个网页，以便在下一次应用程序启动时，我不必从整个页面再次从networking上获取？页面本身已经有了一些自动更新自身部分的Ajax机制。

在Jquery中获取元素的唯一select器: 我想创build一个跟踪用户所有操作的logging器。为此，我需要识别用户与之交互的元素，以便在稍后的会话中引用这些元素。用伪代码说话，我想能够做到像下面这样的东西示例HTML（可能是任何复杂的）： <html> <body> <div class="example"> <p>foo</p> <span><a href="bar">bar</a></span> </div> </body> </html> 用户点击一些东西，如链接。现在我需要确定被单击的元素并将其位置保存在DOM树中以供以后使用： (any element).onclick(function() { uniqueSelector = $(this).getUniqueSelector(); }) 现在，uniqueSelector应该是这样的（我不介意，如果它是XPath或CSSselect器样式）： html > body > div.example > span > a 这将提供保存该select器string并在以后使用它的可能性，以重放用户所做的动作。这怎么可能？更新得到我的答案：获取元素的jQueryselect器

我可以使用BeautifulSoup删除脚本标记吗？: 脚本标签及其所有内容都可以使用BeautifulSoup从HTML中删除，还是必须使用正则expression式或其他内容？

：触摸CSS伪类或类似的东西？: 我试图做一个button，这样当用户点击它时，鼠标button被按下时，它会改变它的样式。如果在移动浏览器中触摸，我也希望它以类似的方式改变它的风格。看似明显的事情是使用CSS：active伪类，但是这并不起作用。我尝试过：专注，而且没有工作。我试过：盘旋，它似乎工作，但它保持了我的手指离开button后的风格。所有这些观察都在iPhone 4和Droid 2上。有没有什么办法可以在手机浏览器（iPhone，iPad，Android和其他人）上复制效果？现在，我正在做这样的事情： <style type="text/css"> #testButton { background: #dddddd; } #testButton:active, #testButton.active { background: #aaaaaa; } </style> … <button type="button" id="testButton">test</button> … <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.1.min.js'></script> <script type='text/javascript'> $("*").live("touchstart", function() { $(this).addClass("active"); }).live("touchend", function() { $(this).removeClass("active"); }); </script> ：活动的伪类适用于桌面浏览器，活动类适用于触摸浏览器。我想知道是否有一个更简单的方法来做到这一点，而不涉及Javascript。

我可以使用非现有的CSS类吗？: 我有一个表，我显示/隐藏jQuery通过不存在的CSS类的完整列： <table> <thead> <tr> <th></th> <th class="target"></th> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td class="target"></td> <td></td> </tr> <tr> <td></td> <td class="target"></td> <td></td> </tr> </tbody> </table> 有了这个DOM，我可以通过jQuery来做到这一点： $('.target').css('display','none'); 这完美的工作，但它是有效的使用未定义的CSS类？我应该为它创build一个空的类吗？ <style>.target{}</style> 是否有任何副作用或有更好的方法来做到这一点？

我怎样才能通过CSS使所有不同的高度和宽度的图像相同？: 我正试图创build一个由产品照片组成的图像墙。不幸的是，他们都是不同的高度和宽度。我如何使用CSS来使所有的图像看起来相同的大小？优选100×100。我正在考虑做一个高度和宽度为100px的div，然后是如何填充它。不知道如何做到这一点。我怎样才能做到这一点？

没有jQuery的scrollTopanimation: 我试图做一个animation“滚动到顶部”的效果，而不使用jQuery。在jQuery中，我通常使用这个代码： $('#go-to-top').click(function(){ $('html,body').animate({ scrollTop: 0 }, 400); return false; }); 如何animationscrollTop而不使用jQuery？