程序设计 html

3

我如何使用vertical-align，以及float在div性能？的vertical-align，如果我不使用工作正常float。但是，如果我使用浮点数，那么它将不起作用。对我来说float:right，在最后一个div中使用至关重要。我正在尝试遵循，如果您从所有div删除浮点数，那么它将正常工作： <div class="wrap"> <div class="left">First div, float left, has more text.</div> <div class="left2">Second div, float left </div> <div class="right">Third div, float right</div> </div> CSS： .wrap{ width: 500px; overflow:hidden; background: pink; } .left { width: 150px; margin-right: 10px; background: yellow; float:left; vertical-align: middle; display:inline-block } .left2 { width: 150px; margin-right: …

85 html css vertical-alignment

12

VSCode无法自动完成HTML

我在Windows 7上安装新的Visual Studio Code时遇到问题，在Mac上，编辑器会自动关闭html标记，而在Win7上则不会。我认为必须有一些选项可以将其打开，但是找不到。我说的是什么时候。写<html智能感知弹出，你点击进入，通常它会自动在放</html>矿不工作。（智能感知弹出但是当你选择它不会自动关闭标签的选项之一：<h1> -> </h1>）

85 html intellisense visual-studio-code

7

如何在HTML表格上显示滚动条

我正在写一个页面，我需要一个html表来维持设置的大小。我需要表顶部的标题始终保持在该位置，但是无论表中添加了多少行，我都需要表的主体进行滚动。我希望它看起来像此网址中的方法2：http : //www.cssplay.co.uk/menu/tablescroll.html 我尝试这样做，但是没有滚动条出现： tbody { height: 80em; overflow: scroll; } <table border=1 id="qandatbl" align="center"> <tr> <th class="col1">Question No</th> <th class="col2">Option Type</th> <th class="col1">Duration</th> </tr> <tbody> <tr> <td class='qid'></td> <td class="options"></td> <td class="duration"></td> </tr> </tbody> </table> 运行代码段隐藏结果展开摘要

85 html css scroll html-table overflow

11

在div中仅两行内换行

我只想在特定宽度的div内的两行内换行。如果文本超出两行的长度，那么我想显示省略号。有没有办法使用CSS做到这一点？例如 Sample text showing wrapping of text in only two line... 谢谢

85 html css

11

我可以关闭HTML <canvas>元素上的抗锯齿功能吗？

我在玩<canvas>元素，画线等。我注意到我的对角线是抗锯齿的。我希望自己的工作看上去比较粗糙-有什么办法可以关闭此功能？

85 javascript html canvas antialiasing

5

如何按特定文件类型过滤输入类型=“文件”对话框？

当我点击的浏览按钮时，我想将浏览器限制为JPG文件<input type="file">。是否可以浏览特定的文件类型？

85 javascript html

1

从Chrome扩展程序获取当前页面的源HTML

我有一个Chrome扩展程序。我需要从当前页面的HTML源进行分析。我在这里找到了带有背景页面和内容脚本的各种解决方案，但没有一个帮助我。这是我到目前为止所拥有的： manifest.json： { "name": "Extension", "version": "1.0", "description": "Extension", "browser_action": { "default_icon": "bmarkred.ico", "popup": "Test.html" }, "content_scripts": [ { "matches": ["http://*/*"], "js": ["content.js"] } ], "background": { "page": "backgroundPage.html" }, "permissions": [ "cookies", "tabs", "http://*/*", "https://*/*" ] } background.html： <html> <head> <script type="text/javascript"> try { chrome.tabs.getSelected(null, function (tab) { chrome.tabs.sendRequest(tab.id, …

85 html google-chrome-extension

9

在mousemove上从画布获取像素颜色

是否可以在鼠标下获取RGB值像素？有完整的例子吗？这是我到目前为止的内容： function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){ ctx.drawImage(img,0,0); }; canvas.onmousemove = function(e) { var mouseX, mouseY; if(e.offsetX) { mouseX = e.offsetX; mouseY = e.offsetY; } else if(e.layerX) { mouseX = e.layerX; mouseY = e.layerY; } var c …

85 javascript html jquery canvas getimagedata

15

按下回车键时如何提交表格？

有人可以告诉我如何在按下回车键并且表单中没有按钮时提交HTML表单吗？提交按钮不存在。我使用的是自定义div而不是那个。

84 javascript html

4

Twitter Bootstrap中的响应表处理

当表格的宽度超过跨度的宽度时，请参见此页面：http : //jsfiddle.net/rcHdC/ 您会看到表格的内容不在的范围内span。迎合这种情况的最佳方法是什么？

84 html twitter-bootstrap css

9

background-position-y在Firefox（通过CSS）中不起作用？

在我的代码background-position-y中不起作用。在Chrome中可以，但是在Firefox中不起作用。有人有什么解决办法吗？

84 html css firefox

7

autocomplete =“ off”是否与所有现代浏览器兼容？

我刚刚被要求防止浏览器保存输入到特定表单字段中的数据。我从事Web开发已经有好几年了，这是一个相对较新的功能。我能够找到表单字段属性autocomplete =“ off”，但似乎找不到任何文档说明哪些浏览器支持它。谁能指出我表单属性和浏览器兼容性图表的正确方向？

84 html forms

17

查看网页生成源的最佳方法？

我正在寻找一种工具，该工具将为我提供正确的生成源，包括AJAX请求对W3的验证器输入进行的DOM更改。我尝试了以下方法： Web开发人员工具栏-根据doc类型生成无效的源（例如，它删除标记的自闭合部分）。丢失页面的doctype部分。 Firebug-修复源代码中的潜在缺陷（例如未关闭的标签）。也丢失标签的doctype部分，并注入本身是无效HTML的控制台。 IE开发者工具栏-根据doc类型生成无效的源（例如，根据XHTML规范，使所有标记都变为大写）。高亮显示+视图选择源-通常很难获取整个页面，也排除了doc类型。是否有任何程序或附加组件可以为我提供确切的当前源版本，而无需以某种方式进行修复或更改？到目前为止，Firebug似乎是最好的，但是我担心它可能会解决我的一些错误。解事实证明，正如贾斯汀所解释的那样，我想要的并没有确切的解决方案。最好的解决方案似乎是在Firebug控制台内部验证源，即使其中包含由Firebug引起的一些错误。我还要感谢“被遗忘的分号”解释了为什么“查看生成的源”与实际源不匹配。如果我可以标记2个最佳答案，我会的。

84 html xhtml firebug w3c web-developer-toolbar

6

停止将div换行

我想有一排的div（单元格），如果浏览器太窄而无法容纳它们的话，它们就不会换行。我搜索了Stack，但找不到我认为应该是简单的CSS问题的有效答案。像元具有指定的宽度。但是，我不想指定行的宽度，该宽度应自动为其子单元格的宽度。如果视口太窄而无法容纳行，则div应使用滚动条溢出。请提供您的答案作为工作代码段，因为我已经尝试了很多我在其他地方看到的解决方案（例如指定宽度：100％，但它们似乎不起作用）。我正在寻找仅HTML / CSS的解决方案，而不是JavaScript。 .row { float: left; border: 1px solid yellow; width: 100%; overflow: auto; } .cell { float: left; border: 1px solid red; width: 200px; height: 100px; } <div class="row"> <div class="cell">a</div> <div class="cell">b</div> <div class="cell">c</div> </div> 运行代码段隐藏结果展开摘要目前，我实际上很难将行的宽度编码为一个很大的数字。

84 html css-float word-wrap

8

如何在JavaScript或jQuery中标准化HTML？

标签可以具有多个属性。属性在代码中出现的顺序无关紧要。例如： <a href="#" title="#"> <a title="#" href="#"> 如何在Javascript中“标准化” HTML，因此属性的顺序始终相同？我不在乎选择哪个顺序，只要顺序始终相同即可。更新：我的最初目标是使比较（在JavaScript中）2个HTML页面（略有差异）更加容易。因为用户可以使用不同的软件来编辑代码，所以属性的顺序可能会更改。这使得差异太冗长。答案：好的，首先感谢您的回答。是的，这是可能的。这是我设法做到的方式。这是一个概念证明，可以肯定地对其进行优化： function sort_attributes(a, b) { if( a.name == b.name) { return 0; } return (a.name < b.name) ? -1 : 1; } $("#original").find('*').each(function() { if (this.attributes.length > 1) { var attributes = this.attributes; var list = []; for(var i =0; …

84 javascript jquery html html-parsing

Questions tagged «html»