Tag: html

将外部CSS的范围限制为只有特定的元素？: 我正在创build一个移动模拟器，使用100％的JavaScript，HTML5和CSS模拟iPhone（以及其他设备）的外观和function，使用100％的JavaScript，HTML5和CSS，模拟器function完全，只有客户端代码。在尝试完成这个任务时，只需对原始应用程序项目进行必要的修改，然后将其注入到模拟器中，然后将<script>和<link>标记注入页面头部，然后将html加载到<div>屏幕。问题是，当我加载一个新的CSS文件，它（显然）覆盖了我用来风格的页面，因此一些元素受到影响（如背景更改颜色）。我的问题是：有什么办法来限制外部.css文件的“范围”，只适用于<div>屏幕内的对象？如果不是将它注入到页面的<head>中，而是将它注入到<div>屏幕的<style>元素中，它会起什么作用吗？

可以使用自闭DIV标签吗？: 可能重复：自闭版标签是否在HTML5中有效？例如： <div id="myDiv" /> 然后将使用Javascript来填充这个div。这是有效的HTML？

<select>仅显示所选选项的第一个字符: 我有一个标准的select框，我通过附加选项使用jquery填充，但由于某种原因，IE9只显示选定选项的第一个字符。毋庸置疑，它在FireFox和Chrome中是完美的，但我必须支持IE9。我尝试了IE9的兼容模式，但没有什么区别，也没有样式的select或选项。有没有人看过这个问题。是什么造成的？你怎么修好它的？简化的代码示例： <select id="selectCCY" ValueColumn="ccyID" DisplayColumn="ccySymbol" ></select> $.each(res.result, function (key, value) { $('#selectCCY').append('<option value="' + value[$('#selectCCY').attr('ValueColumn')]+ '">' + value[$('#selectCCY').attr('DisplayColumn')] + '</option>'); }); res.result是一个简单的json数组，像这样： [{"ccyID":1,"ccySymbol":"GBP"},{"ccyID":2,"ccySymbol":"AUD"},{"ccyID":3,"ccySymbol":"USD"}] OH BUGGER !!! 它在我简化的例子中工作正常，所以问题在别的地方。抱歉。原始的代码是漫长而复杂的粘贴在这里，但会让你知道，当我find答案。一段时间之后…. 好的，我把问题归结为$（selector）.each（）循环内的ajax调用。循环遍历所有select框并asynchronous填充选项。如果我把它作为一个同步调用，select框有正确的宽度和正确显示，但如果它的asynchronous调用select框只显示图像中的第一个字符。仍然在这个工作，将再次回到你身边。我仍然想知道什么会导致select框显示不正确。我可以做变通办法，让它正确显示，但是这并不能回答这个问题。这只是一个选项，它应该总是工作，对不对？经过一个周末忽略了这个问题…. 对，我find了一个解决方法。在做Ajax调用来填充select框之前，我首先将css显示属性设置为'none'，然后填充它，最后当ajax调用和填充完成时，我只是删除css显示'none'属性。所以我仍然不知道为什么IE不喜欢我，但至less我们有一个解决scheme。

如何在重构的文本文件中embeddedHTML？: 我正在使用reStructuredText ，我想通过<embed>标签添加HTML编码的交互式Flashanimation。从我的第一个文档，我怎么能指定这个任意的HTML块的位置？就像是： .. html :: <embed> … more html here … </embed> 这个function是否存在？谢谢。

使用BeautifulSoup来查找包含特定文本的HTML标签: 我试图获取HTML文档中包含以下模式的文本元素：＃\ S {11} <h2> this is cool #12345678901 </h2> 所以，以前会使用： soup('h2',text=re.compile(r' #\S{11}')) 结果会是这样的： [u'blahblah #223409823523', u'thisisinteresting #293845023984'] 我能够得到所有匹配的文本（见上面的行）。但是我想要文本的父元素匹配，所以我可以使用它作为遍历文档树的起点。在这种情况下，我想要所有的h2元素返回，而不是文本匹配。想法？

为什么使用数据URIscheme？: 基本上问题在于标题。很多人都有如何创build一个数据URI和其中的问题的问题stackoverflow。我的问题是为什么使用数据URI？有什么好处： <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO 9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" /> 在做： <img src="dot.png" alt="Red dot" /> 我知道在服务器端（也许）有更less的开销，但是使用数据URI 真正的优点和缺点是什么？

为什么要使用HTML5语义标签而不是div: 为什么使用Html5的语义标签，如headers section nav article而不是简单的div与首选的css到它。我创build了一个网页，并使用这些标签，但他们没有区别于div。他们的主要目的是什么？这只是为了使用它或更多的标签适当的名称？请解释我已经经历了许多网站，但无法find这些基本知识。

将联系人表单添加到静态网站: 我必须添加一个联系表单到一个静态网站。我已经有了一些使用django / python做2或3的经验，但是不幸的是，使用django并不是一个选项，它必须被添加到一个静态的网站上。你能告诉我我有什么select吗？

填充表格行: <html> <head> <title>Table Row Padding Issue</title> <style type="text/css"> tr { padding: 20px; } </style> </head> <body> <table> <tbody> <tr> <td> <h2>Lorem Ipsum</h2> <p>Fusce sodales lorem nec magna iaculis a fermentum lacus facilisis. Curabitur sodales risus sit amet neque fringilla feugiat. Ut tellus nulla, bibendum at faucibus ut, convallis eget neque. In hac habitasse platea dictumst. […]

防止内联块div的包装: jsFiddle演示我想要divs：包装他们的内容，和留在原来的关联线，基本上没有包装。基本上，当桌子不能留在屏幕上的时候，桌子就会叠在一起。我宁愿他们隐藏在屏幕之外。我已经尝试添加overflow: hidden; 到主要的布局风格。我不想修复每个div的宽度。它需要适应内容。 .layout { -moz-border-radius: 15px; border-radius: 15px; vertical-align: top; display: inline-block; } .layoutbacking { -moz-border-radius: 15px; border-radius: 15px; padding: 5px; margin: 5px; background: #CCCCCC; } <div class="layout" style="background: #222222; width: 100%"> <div> <div class="layout layoutbacking"> <table> <tr> <th>header 1</th> <th>header 2</th> <th>header 3</th> <th>header 4</th> […]