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的好方法吗? 有没有更好的方法来做到这一点?