为什么我的HTML表不遵守CSS列宽?
|
我有一个HTML表,并且我希望前几列很长。我在CSS中这样做:
td.longColumn
{
width: 300px;
}
这是我桌子的简化版
<table>
<tr>
<td class=\'longColumn\'></td>
<td class=\'longColumn\'></td>
<td class=\'longColumn\'></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
[ . . and a bunch more columns . . .]
</tr>
</table>
由于某些原因,当有很多列时,表格似乎使该列<300px。我基本上希望它无论如何都保持该宽度(并增加水平滚动条)。
表格所在的容器没有任何类型的最大宽度,因此我无法弄清楚为什么它压低该列而不是尊重该宽度。
无论如何,这个列是否会保持一定的宽度?
这是外部容器div的CSS:
#main
{
margin: 22px 0 0 0;
padding: 30px 30px 15px 30px;
border: solid 1px #AAAAAA;
background-color: #fff;
margin-bottom: 30px;
margin-left: 10px;
_height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
float: left;
/*width: 1020px;*/
min-width:1020px;
display: block;
overflow: visible;
z-index: 0;
}
没有找到相关结果
已邀请:
10 个回复
弦砂牧扁
磐乓铝举
我希望这对正在寻找表解决方案的人有所帮助!
厘恼轨
和
属性都应该起作用。
琶竞捆栓
但是,当桌子比窗户宽时,间隔实际上并不是10px,而是5px。 在我的情况下,仅使用不带TABLE的DIV并不是一种选择。 所以我尝试了:
而且效果很好! :)
厦惫
的CSS
哭木算
设置桌子的整个宽度后, 您现在可以按td \的百分比设置宽度。
您可以通过以下链接了解更多信息:http://www.w3schools.com/cssref/pr_tab_table-layout.asp
埠仙俊
表中的列的大小的问题。为了使遇到上述建议无效的人受益,colgroup为我工作(OP代码的变体):
席酱
的问题没有帮助。 将固定宽度应用于表格单元格(
或
)时,请勿为所有单元格分配宽度。至少应有一个(自动)宽度的单元格。该单元格将充当表格剩余空间的填充物。 例如
附言您可以在此处使用样式类,而无需使用嵌入式样式。
盟犯涩沟都
,这可能会有所帮助。或者,您可以添加ѭ23来为列添加空间。 也许您可以通过HTML方式设置col宽度:
不幸的是,在HTML 4.01和更高版本中,这种方式无效。
壬驴拿歪竞
的CSS