2010-09-13 49 views
1

我已经创建了一个类似于web应用程序的电子表格,现在需要修正单元格大小,以便单元格内的文本不应增加单元格的宽度或高度。HTML固定容器

您可以在这里查看它http://i56.tinypic.com/4rw948.png

单元基本上是有两列的元素,需要固定,以便每个单元的大小相同。我不在乎文字是否因大量字母被切断。

更新: http://partydesigners.site50.net/Excel%20Like%20App/Index.html

+0

所有答案发布的方式是正确的。给一些示例代码(page + css),以便我们可以检查哪些是错误的。 – halfdan 2010-09-13 10:54:24

+0

数据在运行时在单元格中修改,我怀疑这可能是这种情况 – Neutralizer 2010-09-13 10:55:45

+0

我添加了实际演示的链接 – Neutralizer 2010-09-13 11:01:45

回答

0

也许尝试对细胞overflow: hidden

+0

我已经试过但这不起作用 – Neutralizer 2010-09-13 10:45:22

+0

您需要设置一个宽度。 – halfdan 2010-09-13 10:45:56

+0

宽度基本上是在计算文档宽度后在body load事件上设置的 – Neutralizer 2010-09-13 10:51:30

0

max-widthmax-height限制CSS中元素的大小。你可能也想看看overflow: hidden;

+0

我试过这个也是不行的 – Neutralizer 2010-09-13 10:45:40

0

您可以尝试在电池下面的CSS:关于边界我想

width: 100px; 
max-width: 100px; 
min-width: 100px; 
overflow: hidden; // Or scroll if you want the content to be scrollable 
+0

我厌倦了这个高度,这也不行,我想高度和宽度都固定。 – Neutralizer 2010-09-13 10:50:39

+0

@Umair你对细胞使用什么元素?这是一个常规的TD吗? – 2010-09-13 11:00:37

+0

是每个单元格都是

有两个​​ – Neutralizer2010-09-13 11:58:45

0

那。在运行时,当选中一个单元格时,您将创建一个黑色边框。所有边框都有填充效果。我建议你设置选定单元格的行高和宽度减去你的边框宽度。

例如;

想想一个100px宽的正方形。如果你为这个正方形添加一个2 px宽度的边框,它的宽度将自动为104px。如果你想要一个100px宽的正方形视图,你需要设置它的宽度为96px,并添加2px宽度的边框。

我希望它有帮助。

+0

我知道这是扩展单元格,但如果我在单元格中添加的文本比它的大小还要多?这将扩大我想停止扩张。 – Neutralizer 2010-09-13 11:58:02

+0

注意我提到的问题,并做下面的人们所说的事情;我的意思是使用溢出。我认为如果你把所有这些都放在一起,它会起作用。 – scaryguy 2010-09-13 12:05:02

0

好吧我自己解决了这个问题,把div放在每个td里面并应用下面的CSS。

height: 40px; 
min-height: 40px; 
max-height: 40px; 
overflow: hidden; 

反正,谢谢你的家伙的回应。