固定跨度宽度

时间:2010-11-08 07:55:35

标签: css

我在span标签内部有这个table1(span在td标签内)

问题是Table1的行数据出现在td之外......数据应该出现在td tag..right的边界内?因为跨度包含在td标签中...我如何确保跨度的宽度保持固定...就像它不应该显示td标签之外的东西

Firebug将table1的宽度显示为100%

[编辑]

好吧我在span标签中添加了display:block; first..didnt work ...当我在Table标签中添加相同时,表的列缩小了col.sshrank和行数据之间的空格isn' t再显示在td区域之外

现在我想问的是,如果我在css文件中设置Table{display:block;} ..它会影响其他表吗?我不希望其他表搞砸了...只想要这个另外,该表是在运行时使用Telerik的RadEditor创建的,因此将显示:阻止修复表的宽度而不让其行的数据流到td区域外?

2 个答案:

答案 0 :(得分:13)

<span>是内联元素,例如<a><img>,因此他们无法接受宽度:,高度等等规则。

要允许<span>接受这些规则,请将display: block;添加到Span的CSS中。

这将允许它接受宽度规则并填写您的TD。

或者只是将<span>更改为<div>

如果这不起作用,请发布您的代码,我们会仔细研究一下:)

答案 1 :(得分:3)

span是内联元素,因此不能设置明确的宽度。什么是跨度?如果它是一个连续的字符串,那么浏览器就无法知道在哪里剪切字符串并使其换行。如果你不想看到多余的内容,那么你可以设置overflow:隐藏在元素上,但这并不总是一个好主意。也许发布您正在使用的代码,我们可以提供更具体的帮助。