返回首页

您好,

我得到的问题,同时在一个div中使用的表。
我需要我的HTML表显示固定大小的div。
当我在div显示的数据表,然后div的宽度得到增加。
但我想应该重新本身的尺寸根据格size.and内表的大小的HTML文本也得到增加,decrease.it也重新根据表的大小。的相同的div的宽度和表
这一切应该发生使用javascript。

谢谢。

回答

评论会员:akshaya破折号 时间:2012/02/05
给格一个特定的大小和表格的宽度和高度100%
评论会员:游客 时间:2012/02/05
NIRALSONI:选项1:环绕单元格内容的SPAN标记,给它添加一个CSS类cellContent,如下所示。下面的示例代码,如果你的表不包含任何图像,其大小超过父DIV容器的大小。codeprelang="HTML"spanclass="code-keyword"</spanspanclass="code-leadattribute"style/spanspanclass="code-attribute"type/spanspanclass="code-keyword"="/spanspanclass="code-keyword"text/css"/spanspanclass="code-attribute"/span spanclass="code-attribute".MYDIV/spanspanclass="code-attribute"{/span spanclass="code-attribute"width:/spanspanclass="code-attribute"150px;/span spanclass="code-attribute"border:/spanspanclass="code-attribute"1px/spanspanclass="code-attribute"solid/spanspanclass="code-attribute"black;/span spanclass="code-attribute"}/span spanclass="code-attribute".cellContent/spanspanclass="code-attribute"{/span spanclass="code-attribute"word-break:/spanspanclass="code-attribute"break-all;/span spanclass="code-attribute"}/spanspanclass="code-keyword"<//spanspanclass="code-leadattribute"style/spanspanclass="code-attribute"<div/spanspanclass="code-attribute"class/span=spanclass="code-keyword""/spanspanclass="code-keyword"MYDIV"/spanspanclass="code-attribute"/span spanclass="code-attribute"<table/span spanclass="code-attribute"<tr/span spanclass="code-attribute"<td<span/spanspanclass="code-attribute"class/span=spanclass="code-keyword""/spanspanclass="code-keyword"cellContent"/spanspanclass="code-attribute"very/spanspanclass="code-attribute"very/spanspanclass="code-attribute"long/spanspanclass="code-attribute"column/spanspanclass="code-attribute"data/spanspanclass="code-attribute"asdfiu/spanspanclass="code-attribute"asdflaasdufyasidyfa/spanspanclass="code-attribute"asdhf/spanspanclass="code-attribute"lasdlf/spanspanclass="code-attribute"<span</spanspanclass="code-keyword"//spanspanclass="code-attribute"span</spanspanclass="code-keyword"//spanspanclass="code-attribute"span</spanspanclass="code-keyword"//spanspanclass="code-attribute"td/span spanclass="code-attribute"<td<span/spanspanclass="code-attribute"class/span=spanclass="code-keyword""/spanspanclass="code-keyword"cellContent"/spanspanclass="code-attribute"very/spanspanclass="code-attribute"very/spanspanclass="code-attribute"long/spanspanclass="code-attribute"column/spanspanclass="code-attribute"data/spanspanclass="code-attribute"aiwieyqwrepqywepryq/spanspanclass="code-attribute"pwe/spanspanclass="code-attribute"<span</spanspanclass="code-keyword"//spanspanclass="code-attribute"span</spanspanclass="code-keyword"//spanspanclass="code-attribute"span</spanspanclass="code-keyword"//spanspanclass="code-attribute"td/span spanclass="code-attribute"<td<span/spanspanclass="code-attribute"class/span=spanclass="code-keyword""/spanspanclass="code-keyword"cellContent"/spanspanclass="code-attribute"very/spanspanclass="code-attribute"very/spanspanclass="code-attribute"long/spanspanclass="code-attribute"column/spanspanclass="code-attribute"data/spanspanclass="code-attribute"aldsfalsdkjflakslfda/spanspanclass="code-attribute"</spanspanclass="code-keyword"//spanspanclass="code-attribute"span</spanspanclass="code-keyword"//spanspanclass="code-attribute"td/span spanclass="code-attribute"</spanspanclass="code-keyword"//spanspanclass="code-attribute"tr/span spanclass="code-attribute"</spanspanclass="code-keyword"//spanspanclass="code-attribute"table/spanspanclass="code-attribute"</spanspanclass="code-keyword"//spanspanclass="code-attribute"div/span/pre/code选项​​2:添加风格:在你的DIV溢出,如果你是舒适与滚动显示{C}感谢问候,niralSONI