Questions tagged «html»

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

30
如何使div的浏览器窗口高度为100%
我有两列的布局-左div和右div。 右边div有一个灰色background-color,我需要根据用户浏览器窗口的高度垂直扩展它。现在background-color结束于该内容的最后一部分div。 我试过height:100%,min-height:100%;等
2135 html  css  height 


27
HTML 5:是<br>,<br/>还是<br />?
我尝试检查其他答案,但仍然感到困惑-特别是在看到W3schools HTML 5参考之后。 我认为HTML 4.01应该“允许”单个标签为&lt;img&gt;and &lt;br&gt;。然后XHTML与&lt;img /&gt;and 一起出现了&lt;br /&gt;(有人说那里是旧浏览器的空间)。 现在,我想知道练习HTML 5时应该如何格式化代码。 是不是&lt;br&gt;,&lt;br/&gt;还是&lt;br /&gt;?
2032 html 


21
在图像旁边垂直对齐文字?
为什么不行vertical-align: middle?但是,vertical-align: top 确实可以。 span{ vertical-align: middle; } &lt;div&gt; &lt;img src="http://lorempixel.com/30/30/" alt="small img" /&gt; &lt;span&gt;Doesn't work.&lt;/span&gt; &lt;/div&gt; 运行代码段隐藏结果展开摘要

30
如何创建充当链接的HTML按钮?
Наэтотвопросестьответына 堆栈溢出нарусском:КаксоздатьHTML-кнопку,котораябудетвестисебя,какгиперссылка? 我想创建一个类似于链接的HTML按钮。因此,当您单击按钮时,它将重定向到页面。我希望它尽可能地易于访问。 我也希望这样做,因此URL中没有任何多余的字符或参数。 我该如何实现? 根据到目前为止发布的答案,我目前正在这样做: &lt;form method="get" action="/page2"&gt; &lt;button type="submit"&gt;Continue&lt;/button&gt; &lt;/form&gt; 但这是在Safari和Internet Explorer中,它在URL的末尾添加了问号字符。我需要找到一种不会在URL末尾添加任何字符的解决方案。 还有其他两种解决方案:使用JavaScript或设置链接的样式以使其看起来像按钮。 使用JavaScript: &lt;button onclick="window.location.href='/page2'"&gt;Continue&lt;/button&gt; 但这显然需要JavaScript,因此,屏幕阅读器无法访问它。链接的重点是转到另一个页面。因此,试图使按钮像链接一样工作是错误的解决方案。我的建议是,您应该使用链接并设置其样式以使其看起来像一个按钮。 &lt;a href="/link/to/page2"&gt;Continue&lt;/a&gt;

30
使div填充剩余屏幕空间的高度
我正在一个Web应用程序上工作,我希望其中的内容能填满整个屏幕的高度。 该页面具有标题,其中包含徽标和帐户信息。这可以是任意高度。我希望内容div将页面的其余部分填充到底部。 我有一个标题div和一个内容div。目前,我正在使用表格进行布局,如下所示: CSS和HTML #page { height: 100%; width: 100% } #tdcontent { height: 100%; } #content { overflow: auto; /* or overflow: hidden; */ } &lt;table id="page"&gt; &lt;tr&gt; &lt;td id="tdheader"&gt; &lt;div id="header"&gt;...&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td id="tdcontent"&gt; &lt;div id="content"&gt;...&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; 运行代码段隐藏结果展开摘要 页面的整个高度已填满,不需要滚动。 对于content div中的任何内容,设置top: 0;将其放在标题的正下方。有时,内容将是一个实际表,其高度设置为100%。把header里面content不会让这种工作。 有没有一种方法可以在不使用的情况下达到相同的效果table? 更新: …
1906 html  css  html-table 

30
如何对齐复选框及其标签始终跨浏览器
这是困扰我的CSS的小问题之一。Stack Overflow周围的人们如何垂直对齐checkboxes以及他们labels始终如一的跨浏览器?每当我在Safari中正确对齐它们(通常vertical-align: baseline在上使用input)时,它们在Firefox和IE中就完全关闭了。在Firefox中对其进行修复,不可避免地将Safari和IE弄乱了。每次编写表单时,我都会在此上浪费时间。 这是我使用的标准代码: &lt;form&gt; &lt;div&gt; &lt;label&gt;&lt;input type="checkbox" /&gt; Label text&lt;/label&gt; &lt;/div&gt; &lt;/form&gt; 运行代码段隐藏结果展开摘要 我通常使用Eric Meyer的重置,因此表单元素相对而言是覆盖不大的。期待您提供的任何提示或技巧!

14
如何将一个元素移动到另一个元素?
我想将一个DIV元素移到另一个元素中。例如,我要移动此对象(包括所有孩子): &lt;div id="source"&gt; ... &lt;/div&gt; 到这个: &lt;div id="destination"&gt; ... &lt;/div&gt; 这样我有: &lt;div id="destination"&gt; &lt;div id="source"&gt; ... &lt;/div&gt; &lt;/div&gt;
1688 javascript  jquery  html 

15
<button>与<input type =“ button” />。使用哪个?
查看大多数站点(包括SO)时,大多数使用: &lt;input type="button" /&gt; 代替: &lt;button&gt;&lt;/button&gt; 两者之间的主要区别是什么? 是否有正当理由使用一个而不是另一个? 是否有使用它们的有效理由? &lt;button&gt;看到使用不是很广泛时,使用是否会带来兼容性问题?

30
将HTML + CSS转换为PDF [关闭]
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗? 更新问题,使其成为Stack Overflow 的主题。 3年前关闭。 我有一个HTML(不是XHTML)文档,可以在Firefox 3和IE 7中很好地呈现。它使用相当基本的CSS对其进行样式设置,并在HTML中很好地呈现。 我现在正在寻找一种将其转换为PDF的方法。我努力了: DOMPDF:表格有很大的问题。我考虑了我的大型嵌套表并对其进行了帮助(在此之前,它只消耗了128M的内存然后就死了-这就是我对php.ini中的内存的限制),但它使表完全混乱,并且似乎没有得到图片。表格只是基本的东西,带有一些边框样式,以便在各个点添加一些线条。 HTML2PDF和HTML2PS:对此我确实比较幸运。它呈现了一些图像(所有图像都是Google Chart URL),并且表格格式要好得多,但是似乎存在一些复杂性问题,我还没有弄清楚,并且一直死于未知的node_type()错误。不知道从这里去哪里;和 Htmldoc:这似乎在基本HTML上可以正常工作,但是几乎不支持CSS,因此您必须使用HTML进行所有操作(我没有意识到在Htmldoc-land仍然是2001年……),所以对我来说毫无用处。 我尝试了一个名为Html2Pdf Pilot的Windows应用程序,该应用程序实际上做得相当不错,但是我需要的东西至少要在Linux上运行,并且最好在Web服务器上通过PHP按需运行。 我缺少什么,或者如何解决此问题?
1628 php  html  css  pdf  pdf-generation 



30
如何为“选择”框创建占位符?
我正在使用占位符进行文本输入,效果很好。但是我也想为我的选择框使用一个占位符。当然,我可以使用以下代码: &lt;select&gt; &lt;option value=""&gt;Select your option&lt;/option&gt; &lt;option value="hurr"&gt;Durr&lt;/option&gt; &lt;/select&gt; 但是“选择您的选项”是黑色而不是浅灰色。因此,我的解决方案可能基于CSS。jQuery也很好。 这只会使下拉菜单中的选项变为灰色(因此,单击箭头后): option:first { color: #999; } 问题是:人们如何在选择框中创建占位符?但它已经得到回答,欢呼。 使用此方法会导致所选值始终为灰色(即使在选择实选项后): select { color: #999; }


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.