Tag: html

让div填充剩余的屏幕空间的高度

我目前正在开发一个Web应用程序,我希望内容能够填充整个屏幕的高度。 该页面有一个标题,其中包含一个标志和帐户信息。 这可能是一个任意的高度。 我想要内容div来填充页面的其余部分到底部。 我有一个标题div和一个内容div 。 目前,我正在使用如下布局的表格: CSS和HTML #page { height: 100%; width: 100% } #tdcontent { height: 100%; } #content { overflow: auto; /* or overflow: hidden; */ } <table id="page"> <tr> <td id="tdheader"> <div id="header">…</div> </td> </tr> <tr> <td id="tdcontent"> <div id="content">…</div> </td> </tr> </table> 页面的整个高度被填满,不需要滚动。 对于content div内的任何内容,设置top: 0; 会把它放在标题的正下方。 有时候,内容将是一个真正的表格,其高度设置为100%。 将header放入content将不会允许这个工作。 有没有办法达到同样的效果,而不使用table […]

什么是在C#中parsingHTML的最佳方法?

我正在寻找一个库/方法来parsing一个HTML文件比通用的XMLparsing库更多的HTML特定的function。

使用PHP将HTML + CSS转换为PDF?

好的,我现在正在用这个砖头撞墙。 我有一个HTML(而不是XHTML)文档,在Firefox 3和IE 7中呈现良好。它使用相当基本的CSS来设置样式,并在HTML中呈现良好。 我现在把它转换成PDF格式。 我努力了: DOMPDF :它有很大的表格问题。 我分解了我的大嵌套表,它有帮助(之前它只消耗128M的内存然后死亡 – 这是我在php.ini内存的限制),但它使表的一个完整的混乱,似乎并没有得到图片。 这些表格只是基本的东西,有些边框样式可以在不同的点上添加一些线条; HTML2PDF和HTML2PS :我其实有更好的运气。 它呈现了一些图像(所有的图像是谷歌图表url)和表格格式更好,但它似乎有一些复杂性的问题,我还没有想出来,并不断地死于未知的node_type()错误。 不知道该从哪里走 和 Htmldoc :这对于基本的HTML似乎工作得很好,但几乎不支持CSS,所以你必须用HTML做所有事情(我还没有意识到它仍然是2001年在Htmldoc-land中),所以对我来说是没用的。 我尝试了一个名为Html2Pdf Pilot的Windows应用程序,实际上做了一个相当不错的工作,但我需要的东西至less在Linux上运行,理想情况下通过Web服务器上的PHP按需运行。 我真的不能相信我这个卡住了。 我错过了什么吗?

(非无效)自闭标签在HTML5中有效吗?

W3Cvalidation器不喜欢非空元素上的自闭标记(以“ /> ”结尾)。 (空元素是那些可能永远不会包含任何内容的元素。)它们在HTML5中仍然有效吗? 一些被接受的无效元素的例子: <br /> <img src="" /> <input type="text" name="username" /> 被拒绝的非空元素的一些例子: <div id="myDiv" /> <span id="mySpan" /> <textarea id="someTextMessage" /> 注意: W3Cvalidation器实际上接受无效自闭标签:作者最初有一个问题,因为一个简单的错字 (而不是/> )。 但是,自我closures标签在HTML5中通常不是100%有效,而且这些答案详细讨论了各种HTML风格的自我closures标签的问题。

我应该在HTML标记中放置<script>标记?

将JavaScriptembedded到HTML文档中时,放置<script>标记和包含JavaScript的适当位置在哪里? 我似乎还记得,你不应该把它们放在<head>部分,但是放在<body>部分的开头也是不好的,因为在页面完全呈现之前JavaScript将被parsing(或类似的东西)。 这似乎将<body>部分的末尾作为<script>标记的逻辑位置。 那么,在哪里放置<script>标签呢? (这个问题引用了这个问题 ,其中提到JavaScript函数调用应该从<a>标签移动到<script>标签,我特别使用jQuery,但更一般的答案也是适当的。

如何在不使用JavaScript的情况下使用CSS设置<select>下拉菜单?

是否有一个CSS样式的<select>下拉菜单? 我需要尽可能人性地devise一个<select>表单,而不需要任何JavaScript。 我可以在CSS中使用哪些属性? 此代码需要与所有主stream浏览器兼容: Internet Explorer 6,7和8 火狐 苹果浏览器 我知道我可以使用JavaScript: 例如 。 我不是在谈论简单的造型。 我想知道,我们只能用CSS做什么最好的。 我发现堆栈溢出类似的问题 。 而这个在Doctype.com上。

Flexbox代码可用于除Safari之外的所有浏览器。 为什么?

带有列表标签的网格列,我需要按照每3列按正确的顺序显示,并为每个额外的HTML列表元素启用自动宽度。 这是我的例子: <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12</li> </ul> 我想要像这样转换输出: 1 4 7 10 2 5 8 11 3 6 9 12 这是我迄今为止所尝试过的,并且在其他所有浏览器上都能正常工作,但是与Safari浏览器不兼容,除非添加以下内容: display: -webkit-flex; 。 <style> ul { margin: 0; padding: 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: […]

如何判断一个DOM元素在当前视口中是否可见?

有没有一种有效的方法来判断DOM元素(在HTML文档中)是否当前可见(出现在视口中 )? (关于Firefox的问题)

保持div与CSS的纵横比

我想创build一个div,可以改变宽度/高度随着窗口宽度的变化。 有没有任何CSS3的规则,可以让高度根据宽度改变, 同时保持其纵横比 ? 我知道我可以通过JavaScript来做到这一点,但我宁愿只使用CSS。

我应该在JavaScript链接中使用哪个“href”值,“#”或“javascript:void(0)”?

以下是构build链接的两种方法,其中唯一目的是运行JavaScript代码。 在function,页面加载速度,validation目的等方面哪个更好? function myJsFunc() { alert("myJsFunc"); } <a href="#" onclick="myJsFunc();">Run JavaScript Code</a> 要么 function myJsFunc() { alert("myJsFunc"); } <a href="javascript:void(0)" onclick="myJsFunc();">Run JavaScript Code</a>