Questions tagged «html»

HTML(超文本标记语言)是用于创建网页和其他要在Web浏览器中显示的信息的主要标记语言。有关HTML的问题应包括一个可重现的示例,以及您要实现的目标的一些想法。此标记很少单独使用,通常与[CSS]和[javascript]配对使用。

1
tr元素周围的边框没有显示?
似乎Chrome / Firefox无法在tr其上显示边框,但是如果选择器为,则可以渲染边框table tr td。 如何在tr上设置边框? 我的尝试不起作用: table tr { border: 1px solid black; } <table> <tbody> <tr> <td> Text </td> </tr> </tbody> </table> 运行代码段隐藏结果展开摘要 http://jsfiddle.net/edi9999/VzPN2/ 这是一个类似的问题:将边框设置为表tr,除了IE 6和7外,其他所有功能都可以使用,但除IE之外,它似乎都可以使用。
107 html  css  html-table 

8
使div(高度)占据父级剩余高度
http://jsfiddle.net/S8g4E/ 我有一个div带两个孩子的容器。第一个孩子有给定的身高。如何让第二个孩子占据容器的“自由空间” div而不指定特定高度? 在示例中,粉红色div也应占据白色空间。 与此问题类似:如何使div占据剩余高度? 但是我不想摆绝对的位置。
107 html  css  height  parent 

7
电子require()未定义
我正在为自己的目的创建Electron应用程序。我的问题是,当我在HTML页面中使用节点函数时,它引发以下错误: 未定义'require()'。 有没有办法在我所有的HTML页面中使用Node功能?如果可以的话,请给我举个例子,或者提供一个链接。以下是我要在HTML页面中尝试使用的变量: var app = require('electron').remote; var dialog = app.dialog; var fs = require('fs'); 这些是我在Electron的所有HTML窗口中使用的值。


3
如何使用JQuery设置对输入字段的关注
给定以下HTML结构: <div class="wrapper"> <div class="top"> <a href="http://example.com" class="link">click here</a> </div> <div class="middle"> some text </div> <div class="bottom"> <form> <input type="text" class="post"> <input type="submit"> </form> </div> <div> 这将在页面上重复几次,.bottom当用户单击.topdiv中的链接时,如何将焦点设置在div 的输入字段上? 我目前正在.bottom使用下面的JQuery代码使div在单击时成功显示,但是似乎无法弄清楚如何同时将焦点设置在输入字段上。 $('.link').click(function() { $(this).parent().siblings('div.bottom').show(); }); 谢谢!
106 jquery  html 

19
如何离线托管材质图标?
我很抱歉,如果这是一个非常简单的问题,但是您如何使用Google材料图标而不用 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> ? 我希望我的应用程序即使用户没有互联网连接也能够显示图标

12
在文本框中按Enter时如何触发HTML按钮?
所以到目前为止,我的代码是: <fieldset id="LinkList"> <input type="text" id="addLinks" name="addLinks" value="http://"> <input type="button" id="linkadd" name="linkadd" value="add"> </fieldset> 它不<form>在内,就像在内一样<div>。但是,当我在textbox“ addLinks”中键入内容时,我希望用户能够按Enter并触发“ linkadd” button,然后将运行JavaScript函数。 我怎样才能做到这一点? 谢谢 编辑: 我确实找到了此代码,但似乎没有用。 $("#addLinks").keyup(function(event){ if(event.keyCode == 13){ $("#linkadd").click(); } });
106 html  button  input  textbox 

6
AngularJS中ng-src中的图像加载事件
我的图像看起来像<img ng-src="dynamically inserted url"/>。加载单个图像时,我需要应用iScroll refresh()方法以使图像可滚动。 知道何时完全加载映像以运行某些回调的最佳方法是什么?

13
HTML / CSS:使两个浮动div的高度相同
我目前使用来解决一个特殊的问题table,请参阅下文。基本上,我希望两个div占用可用宽度的100%,但只占用所需的垂直空间(从图片上看并不是很明显)。如图所示,两者始终应具有完全相同的高度,并且两者之间应有一点线。 (来源:pici.se) table我目前正在使用,这一切都很容易做到。但是,我不太热衷于解决方案,因为从语义上讲这实际上不是表。
106 html  css  html-table 

13
“无效的表单控件”仅在Google Chrome中
下面的代码在Safari中效果很好,但是在Chrome和Firefox中,该表单无法提交。Chrome控制台记录错误An invalid form control with name='' is not focusable。有任何想法吗? 请注意,尽管下面的控件没有名称,但是在提交时,它们应该具有名称,由下面的Javascript填充。该表格可以在Safari中使用。 <form method="POST" action="/add/bundle"> <p> <input type="text" name="singular" placeholder="Singular Name" required> <input type="text" name="plural" placeholder="Plural Name" required> </p> <h4>Asset Fields</h4> <div class="template-view" id="template_row" style="display:none"> <input type="text" data-keyname="name" placeholder="Field Name" required> <input type="text" data-keyname="hint" placeholder="Hint"> <select data-keyname="fieldtype" required> <option value="">Field Type...</option> <option …



7
如何将表格单元格的宽度设置为除最后一列以外的最小值?
我有一张100%宽的桌子。如果将<td>s放入其中,它们将以等长的列散开。但是,我希望除last以外的所有列都具有尽可能小的宽度,而无需换行。 我首先要做的是除了最后一个(尽管已弃用,但没有任何效果)之外,我设置width="1px"了所有<td>s style="width:1px",直到在该列中包含多字数据之前,它都可以正常工作。在这种情况下,为了使长度尽可能小,它包装了我的文字。 让我示范一下。想象一下这张桌子: --------------------------------------------------------------------------------- element1 | data | junk here | last column --------------------------------------------------------------------------------- elem | more data | other stuff | again, last column --------------------------------------------------------------------------------- more | of | these | rows --------------------------------------------------------------------------------- 无论我尝试什么,我都会得到的是: --------------------------------------------------------------------------------- element1 | data | junk here | last column --------------------------------------------------------------------------------- elem | more …
106 html  css  html-table 

6
如何在HTML5中正确使用“ section”标签?
我试图用HTML5构建布局,阅读了几篇不同的文章后,我感到很困惑。我正在尝试获取有关应如何使用的信息。 以下是我来回变化的版本: 1) <section id="content"> <h1>Heading</h1> <div id="primary"> Some text goes here... </div> </section> 您可以使用section标签来充当容器吗? 2) <div id="content"> <h1>Heading</h1> <section id="primary"> <article> <h2>Post Title</h2> <p>Some text goes here...</p> </article> </section> <section id="primary"> <article> <h2>Post Title</h2> <p>Some text goes here...</p> </article> </section> </div> 使用<section>标签的正确方法是什么?
106 html 

6
<html lang =“ en”>和<html lang =“ en-US”>有什么区别?
&lt;html lang="en"&gt;和之间有什么区别&lt;html lang="en-US"&gt;?破折号后面还有哪些其他值? 根据w3.org, “任何两个字母的子代码都应理解为[ISO3166]国家/地区代码。” 那么这是否意味着在alpha-2代码下列出的任何值都是可接受的值?
106 html  lang 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.