Questions tagged «html»

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


3
表格内表格
我将一些表格包含在HTML表中,以添加新行和更新当前行。我得到的问题是,当我在开发工具中检查表单时,发现打开后立即关闭了表单元素(输入等未包含在表单中)。 因此,提交表单无法包含这些字段。 表格行和输入如下: <tr> <form method="post" action=""> <td> <input type="text" name="job_num"> </td> <td> <input type="text" name="desc"> </td> </form> </tr> 任何帮助都会很棒,谢谢。

17
全屏iframe,高度为100%
所有浏览器均支持iframe height = 100%吗? 我使用doctype作为: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 在我的iframe代码中,如果我说: <iframe src="xyz.pdf" width="100%" height="100%" /> 我的意思是,它实际上会占用其余页面的高度吗(因为顶部还有另一个固定高度为50px的框架),所有主流浏览器(IE / Firefox / Safari)都支持吗? 关于滚动条,即使我说了scrolling="no",我也可以在Firefox中看到禁用的滚动条...如何完全隐藏滚动条并自动设置iframe高度?

17
如何缩放iframe的内容?
如何在网站页面中缩放iframe的内容(在我的示例中是HTML页面,而不是弹出窗口)? 例如,我想以80%的原始大小显示iframe中显示的内容。
237 html  css  dom 

8
如何将边距或填充设置为父容器的高度百分比?
我一直在绞尽脑汁使用以下命令在CSS中创建垂直对齐方式 .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> 运行代码段隐藏结果展开摘要 尽管这似乎适用于这种情况,但令我感到惊讶的是,当我增加或减小基本div的宽度时,垂直对齐方式会对齐。我期望当我设置padding-top属性时,会将填充值作为父容器高度的百分比(在我们的示例中为基数),但是上述50%的值是按宽度。:( 有没有一种方法可以将填充和/或边距设置为高度的百分比,而无需使用JavaScript?

9
如何在多行flexbox布局中指定换行符?
Наэтотвопросестьответына 堆栈溢出нарусском:Flexbox的项目- переноснановуюстроку 有没有办法在多行flexbox中进行换行? 例如,在此CodePen中的每个第三项之后中断。 .container { background: tomato; display: flex; flex-flow: row wrap; align-content: space-between; justify-content: space-between; } .item { width: 100px; height: 100px; background: gold; border: 1px solid black; font-size: 30px; line-height: 100px; text-align: center; margin: 10px; } .item:nth-child(3n) { background: silver; } <div class="container"> <div class="item">1</div> <div …
236 html  css  flexbox 


4
什么是offsetHeight,clientHeight,scrollHeight?
想解释之间有什么区别的offsetHeight,clientHeight和scrollHeight或offsetWidth,clientWidth和scrollWidth? 在客户端上工作之前,必须先了解这一区别。否则,他们将有一半的生命将花费在修复UI上。 小提琴或下面的内联: function whatis(propType) { var mainDiv = document.getElementById("MainDIV"); if (window.sampleDiv == null) { var div = document.createElement("div"); window.sampleDiv = div; } div = window.sampleDiv; var propTypeWidth = propType.toLowerCase() + "Width"; var propTypeHeight = propType + "Height"; var computedStyle = window.getComputedStyle(mainDiv, null); var borderLeftWidth = computedStyle.getPropertyValue("border-left-width"); var borderTopWidth = …

21
如何使用Twitter Bootstrap隐藏元素并使用jQuery显示元素?
假设我创建了这样的HTML元素, <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> 如何显示和隐藏jQuery / Javascript中的HTML元素。 JavaScript: $(function(){ $("#my-div").show(); }); 结果:(使用任何这些)。 我希望隐藏以上元素。 使用Bootstrap隐藏元素并使用jQuery显示元素的最简单方法是什么?




7
如何使用其父容器制作svg秤?
当大小为非本机时,我想要一个内联svg元素的内容比例。当然,我可以将其作为单独的文件并像这样进行缩放。 index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> 但是,我想通过CSS向SVG添加其他样式,因此链接外部样式不是一种选择。如何制作嵌入式SVG秤?
235 css  html  svg  scaling 

12
如何覆盖Bootstrap CSS样式?
我需要修改bootstrap.css以适合我的网站。我觉得最好创建一个单独的custom.css文件而不是bootstrap.css直接进行修改,原因之一是应该bootstrap.css进行更新,因此尝试重新包含所有修改会很麻烦。我会为这些样式牺牲一些加载时间,但是对于我覆盖的几种样式而言,这可以忽略不计。 为何要重写,bootstrap.css以便删除锚点/类的样式?例如,如果我想删除以下内容的所有样式规则legend: legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } 我可以删除中的所有内容bootstrap.css,但是如果我对覆盖CSS的最佳做法的理解是正确的,我应该怎么做呢? 明确地说,我想删除所有这些图例样式,并使用父级的CSS值。因此,结合Pranav的答案,我会做以下事情吗? legend { display: inherit !important; width: inherit !important; padding: inherit !important; margin-bottom: inherit !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; …

9
将光标更改为手指指针
我有这个a,我不知道我需要插入“ onmouseover”中,以便光标将像常规链接一样变为手指指针: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> 我读了一些需要写的地方: onmouseover="cursor: hand (a pointing hand)" 但这对我不起作用。 另外,我不确定这是JavaScript,CSS还是纯HTML。
234 html  css  mouseevent 

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.