Tag: html
Chrome上的文本input：行高似乎有一个最小值
我正在尝试使用相同的方式在文本input中使用值，文本input的占位符和跨度。 具体来说，我想独立于字体大小来控制行高。 但是，input值似乎存在某种最小行高（或类似的影响），似乎以某种方式将文本向下推，以防止相同的样式。 HTML示例： <div> <input type="text" value="Text"> <input type="text" placeholder="Text"> <span>Text</span> </div> CSS： div { line-height: 50px; font-family: Arial; } input, span { font-size: 50px; line-height: 50px; height: 50px; width: 100px; padding: 0; min-height: 0; display: inline-block; font-family: inherit; border: 2px solid red; overflow: hidden; vertical-align: top; } 结果可以看到 http://plnkr.co/edit/oHbhKDSPTha8ShWVOC7N?p=preview以及在Linux上的Chrome 44.0.2403.155（64位）中的以下屏幕截图： 奇怪的是，占位符似乎是与所需的线高度，而input的文本值定位不同。 在这一点上，我并不关心占位符的颜色。 我如何devise所有3个元素，使文本处于相同的位置，我正在使用自定义行高？ […]
在桌子上设置最大高度
我正在devise一个有一些表的页面。 看来，造型表更痛苦，然后应该是。 问题是以下。 表格应该有一个固定的高度，并在底部显示空白 – 当内容太less时 – 或垂直滚动条 – 当显示太多时。 添加到这个表有一个不应该滚动的标题。 据我所知， thead不滚动是表的默认行为。 而拉伸tfoot可以很好地填补空白的目的。 可悲的是，似乎每一个我可以放在桌子上的限制都被忽视了。 我努力了 table { height: 600px; overflow: scroll; } 我已经尝试过max-height 。 我试图将表格放在绝对位置，同时给出顶部和底部的坐标。 我曾尝试手动编辑Firebug中的高度，以查看它是否是CSS特性的问题。 我也试图设置tbody的高度。 事实是，无论我的努力如何， 桌子总是保持其内容的高度 。 当然，我可以伪造一个带有div结构的表格，但实际上它是一个表格，我担心使用div可能会遇到某些列可能无法正确alignment的问题。 我该如何给一张桌子一个高度？
如果没有JavaScript，当长一个不合适时，我可以显示不同的文字吗？
我正在尝试做什么 我有一个大小有限的框，应该包含一些文本： .box { width: 100px; height: 40px; background-color: yellow; } <div class="box"> Some text goes here. </div> 但是，如果文本太长而无法放入文本框中，我想用我预先准备的另一个更短的文本replace文本。 例如，如果我想用这两个名字填充两个框： Short version Long version ———————————————————— Rudolf E. Raspe Rudolf Erich Raspe Baron Munchausen Hieronymus Karl Friedrich von Munchhausen 那么第一个盒子里面会包含“鲁道夫·埃里克·拉斯佩”（Rudolf Erich Raspe），因为里面的尺寸足够短，而第二个盒子里会包含“男爵男爵”（Baron Munchausen），因为男爵的全名太长了。 我怎样才能build立这样一个盒子，只使用HTML5和CSS3？ 浏览器的兼容性很重要，但是我并不需要适应11之前的旧版本或Internet Explorer。 备择scheme 我可以select任何标准选项来处理太长的文本 – 让它溢出，或通过overflow: hidden ，或添加滚动条，或添加省略号，或任何其他标准解决scheme。 但是因为我已经有了每个可能的文本的短版本，所以我想用这些。 例如，我可以通过使用包装器并将其大小与盒子的大小进行比较来在JavaScript中执行此操作。 但是如果可能的话，我想要一个非JavaScript的解决scheme。 我试过了 […]
为什么把JavaScript放在首位
如果在</body>之前放置JavaScript是完全可以接受的，那么将它保存在<head>是一个很好的理由吗？ 基于<head>或</ body>之前的JavaScript问题？ 许多答案指出，如果将页面放在</body>标签之前，页面加载速度会更快。 但是我没有看到为什么它应该保存在<head>中的任何合理的论点。 我问，因为我不是一个非常强大的JavaScript开发人员，从我读过的和看到的所有内容中，标准是将大多数JavaScript代码和外部引用保留在<head> 。
checkbox值始终为“开”
这是我的checkbox HTML <label class="checkbox"> <input id="eu_want_team" name="eu_want_team" type="checkbox"> </label> JQuery的 var eu_want_team = $('#eu_want_team').val(); alert(eu_want_team); 它总是显示ON，是否被检查。 它有什么问题呢？
为什么不总是使用enctype =“multipart / form-data”？
在构buildHTML表单时，为什么我们不总是使用enctype="multipart/form-data" ？
<input type = button> vs <button>
我有点困惑。 这些有什么区别。 请不要参考真正的旧post。 我注意到，访问一些样式是不同的行内html和样式表。 <input type=button> vs <button> 我想我想知道哪一个出去住哪？ 或者考虑到所有进入网站创build的一般技术之间的兼容性，这是最好的？ 又名。 这将造成最less的麻烦
HTML selected =“selected”not working
嗨有人可以告诉我什么是在下面的代码中的错误？ Selected =“selected”不适合我。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <select id="tstselect" name="tstselect" onchange="showselected(this.value);"> <option value="0" >0</option> <option value="1" >1</option> <option value="2" >2</option> <option value="3" selected="selected">3</option> </select> 提前致谢
HTML图标不会显示在谷歌浏览器
我正在制作一个未发布的HTML页面。 我想做的事情之一是添加一个图标旁边的标题。 我正在使用谷歌浏览器，我注意到，其他网站的图标旁边显示的图标，但我试图显示的不会显示。 该网站位于我的桌面命名网站上的一个文件夹中。 这是代码： <!DOCTYPE html> <html> <head> <title></title> <link rel="shortcut icon" href="/favicon.ico" /> </head> <body> </body> </html>
如何提供ECMAScript 5（ES 5）-shim？
ECMAScript第五版（2009年12月发布）引入了一些新的方法（详见本表 ）。 但是，那里还有一些旧的浏览器没有实现这些新的方法。 幸运的是，存在一个方便的脚本（用JavaScript编写） – ES5-shim – 它在不存在的环境中手动实现这些方法。 但是，我不知道如何提供ES5的垫片…我应该只是“给”它的所有浏览器，如下所示： <script src="es5-shim.js"></scipt> 还是应该包含一个支票，以便仅仅“打扰”那些真正需要它的浏览器，如下所示： <script> if ( !Function.prototype.hasOwnProperty( 'bind' ) ) { (function () { var shim = document.createElement( 'script' ); shim.src = 'es5-shim.js'; var script = document.getElementsByTagName( 'script' )[0]; script.parentNode.insertBefore( shim, script ); }()); } </script> （我正在使用Function.prototype.bind来检查浏览器是否实现了所有新的ECMAScript 5方法，根据上面链接的兼容性表，当实现ECMAScript 5方法时， bind是“最后的堡垒”。 当然，为了使这个垫片有效，它必须在所有其他脚本之前执行，这意味着我们希望在页面的早期（在HEAD中，在所有其他SCRIPT元素之前）包含上述SCRIPT元素。 那么，这个第二个例子是一个向浏览器提供ECMAScript 5-shim的好方法吗？ 有没有更好的方法来做到这一点？
