我已经创建了一个类似 web 应用程序的电子表格,现在需要修复单元格大小,以便单元格内的文本不应该增加单元格的宽度或高度。
你可以在这里查看它http://i56.tinypic.com/4rw948.png。
单元格基本上是具有两列的元素,需要固定,以便每个单元格的大小相等。我不在乎文本是否由于大量字母而被截断。
更新: http: //partydesigners.site50.net/Excel%20Like%20App/Index.html
我已经创建了一个类似 web 应用程序的电子表格,现在需要修复单元格大小,以便单元格内的文本不应该增加单元格的宽度或高度。
你可以在这里查看它http://i56.tinypic.com/4rw948.png。
单元格基本上是具有两列的元素,需要固定,以便每个单元格的大小相等。我不在乎文本是否由于大量字母而被截断。
更新: http: //partydesigners.site50.net/Excel%20Like%20App/Index.html
好的,我通过将 div 放入每个 td 并应用以下 CSS 自己解决了这个问题。
height: 40px;
min-height: 40px;
max-height: 40px;
overflow: hidden;
无论如何,非常感谢你们的回复。
这就是我认为的边界。At the runtime, when a cell is selected you are creating a black border. 所有边框都有填充效果。我建议您设置所选单元格行的高度和宽度减去您的边框宽度。
例如;
考虑一个 100 像素宽的正方形。如果你给这个正方形添加一个 2 px 宽度的边框,它的宽度将自动为 104px。如果你想要一个 100px 宽正方形的固定视图,你需要设置它的宽度 96px 并添加 2 px 宽度的边框。
我希望它有所帮助。
也许试试overflow: hidden
细胞。
CSS 中存在max-width
并max-height
限制元素的大小。您可能还想看看overflow: hidden;
您可以在单元格上尝试以下 CSS:
width: 100px;
max-width: 100px;
min-width: 100px;
overflow: hidden; // Or scroll if you want the content to be scrollable