个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我注意到我的一个 html 表单存在问题，文本输入字段被截断了。我将其原因缩小到我们在页面顶部使用的 <!DOCTYPE html> 指令。
当我排除 <!DOCTYPE html> 指令时，下面场景中的输入正确呈现，这意味着文本输入字段被完整绘制。但是当我按原样加载此代码段时(使用 <!DOCTYPE html>)，文本输入的右侧被截断。
谁能给我解释一下这是怎么回事？我在 IE9、Firefox 23 和 Chrome 29 中注意到这个问题。
这是片段:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#testDiv span {
display: block;
overflow: hidden;
padding: 0 5px;
}
#testInput {
width: 100%;
}
#testButton {
float: right;
}
</style>
</head>
<body>
<form id="testForm" method="post">
<div id="testDiv">
<button id="testButton">Apply</button>
<span><input type="text" id="testInput" /></span>
</div>
</form>
</body>
</html>
最佳答案
事实证明，答案在于 HTML4 和 HTML5 之间的差异，特别是 CSS box-sizing (-moz-box-sizing, -webkit-box-sizing) 属性。在 HTML4 中，box-sizing 属性默认为“border-box”。在 HTML5 中，box-sizing 属性默认为“content-box”。
border-box 表示边框和内边距包含在框的宽度中。 content-box 意味着边框和填充在框的宽度之上。因此，在 HTML4 中一个框可以很好地适合元素之间的地方，它的右侧边框在 HTML5 中可以被切断，因为它的宽度不考虑 1px 边框。
解决方案:添加“box-sizing: border-box;” (以及 -moz 和 -webkit 的相关规则)到 CSS 规则。
关于html - doctype html导致表单输入字段被截断，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18772701/
25
4
0
我有一个 1850-2005 年月地表气温的 netCDF 文件。如何在 unix 中截断文件，以便新文件的时间维度从 1855 年到 2005 年？反之亦然，截断文件，使其改为 1850-2000？
我收到此错误 Bulk load data conversion error (truncation) for row 1, column 12 (is_download) 这是 csv...它只有一
我有一个列表，它是电子邮件正文，每行末尾都有一个日期和时间戳。邮票的格式是一致的，所以可以从右边计算表达式。以下是示例数据: Dear Volunteer2018-05-21 19:59:15 You
我正在使用内置 truncatewords_html Django 的过滤器，它在最后添加了“...”，相反，我想用“查看更多”链接替换它。 我怎样才能做到这一点？ 最佳答案 最好编写自己的过滤器。您
我正在使用 SQL 加载器将我的数据加载到数据库中。 在插入数据之前，我需要删除表中的现有数据: options(skip=1,load=250000,errors=0,ROWS=30000,BIND
我正在尝试掌握消息队列的窍门。由于某种原因，当显示我在控制台中输入的消息时，字符串有时会被截断或更改。有谁知道为什么会发生这种情况？ void *readFromQueue() { int r
我正在使用mediawiki API(例如http://en.wikipedia.org/w/api.php)，我希望能够“截断”mysql表以便重置本地安装，同时保留一些表(用户，？...) 。SQ
想要截断一个存在的表: IF EXISTS(SELECT 1 FROM INFORMATION_SCHEMA.TABLES WHERE TABLE_NAME = 'mytable') TRUNCATE
我正在实现一个使用 Python Numpy 包的程序。我正在尝试修改数组的元素，以便我只需采用 elem[i][j] 并将其设置为 elem[i][j]/10。但是，我不断收到某种截断，其中元素在操
我有一个 64 位 long int，其中包含一些位域。我需要将存储在第二个和第三个字节中的 16 位带符号整数添加到一个 32 位值中。我正在使用这样的东西: u32 Function( s32 v
我有这样的文字:“我的文字是 blabla blabla, lala lala”。 我希望在我的 UILabel 中有这样的文本:“My text is ...lala”。 如何配置我的 UILabe
Umbraco Truncate 似乎不适合我，当我使用正确的代码(根据互联网)时，它会不断出错。我不知道它有什么问题。 错误代码: Compiler Error Message: CS1502: T
早些时候，我是使用 JS 动态地完成它的。但是我们遇到了一些性能问题，因为我们必须提供一个替代选项。 我现在使用文本溢出样式截断选项卡名称上的长文本。 但我有一个小问题，如果有人能解决的话 目前这是我
使用Rspec时截断、事务和删除数据库策略有什么区别？我找不到任何资源来解释这一点。我阅读了 Database Cleaner 自述文件，但它没有解释它们各自的作用。 为什么我们必须对 capybar
当然, 尚有诸位前辈也曾把以上三种方案结合一二, 以达到更广泛的适应度. 不过, 这厢先前在网路上搜索许久, 却未曾寻到三种方案合为一体的尝试, 于是只好自己动手写一下了:) 没有dem
有没有办法截断HSQLDB中的所有表？ 如果这不可能，是否有任何方法可以级联删除具有外键引用的表？ 最佳答案 可以截断模式中的所有表: 截断模式并提交 此命令有一些选项在指南中有描述: http://
我有一个要截断的时间戳。我正在使用 trunc oracle中的函数。这似乎做了我想要的但是从文档中它应该只接受日期而不是时间戳 select TRUNC(TO_DATE('22-AUG-13'),
我读到一旦你耗尽了一个节点，你就可以删除文件然后重新启动。它工作正常， 但我只是通过排空所有节点，关闭整个集群，删除文件并重新启动来尝试它。 如果我一次只重启一个节点会怎样？据我了解有风险 重新启动的
我想截断 d3 中超过预定义限制的文本。 我不知道该怎么做。 这是我现在所拥有的: node.append("text") .attr("dx", 20) .attr("dy", ".20
嗨 Guyz 我有一个固定宽度的 WPF TextBlock 说 100 ，如果字符串不适合宽度，则最后一个字符总是被截断，因为所有字符的大小都不相同。我不想剪切字符而是我想从那里跳过文本并只显示没有
我是一名优秀的程序员,十分优秀！