更改HTML中的列宽&;CSS

更改HTML中的列宽&;CSS,html,css,Html,Css,更新:我的真实案例: 我需要更改列宽,我正在使用内联CSS,下面是我的示例: 表设置为100%, 总列数为14,只有少数列具有colspan=2 这是我的html/css问题:行单元格填充内容后,列标题宽度也会改变。第一列有很多空间,但第二列(具有colspan=2)因内容而缩小。如下图所示: 正如您在这里看到的,第一列应该缩小一点,而Prev QA列应该展开 我需要更改的是收缩第一列并扩展第二列的宽度,但无论我将width更改或添加到td,都不会影响布局。有人知道吗?提前谢谢 表格: 第一

更新:我的真实案例:

我需要更改列宽,我正在使用内联CSS,下面是我的示例:

设置为
100%

总列数为14,只有少数列具有
colspan=2

这是我的html/css问题:行单元格填充内容后,列标题宽度也会改变。第一列有很多空间,但第二列(具有
colspan=2
)因内容而缩小。如下图所示:

正如您在这里看到的,第一列应该缩小一点,而
Prev QA
列应该展开

我需要更改的是收缩第一列并扩展第二列的宽度,但无论我将
width
更改或添加到
td
,都不会影响布局。有人知道吗?提前谢谢

表格:

第一行:
标题2“

第二行(标题行)(需要更改)


Client name engagementdatafreqprev QA Account Balance当前QA Account Balance当前QA ATB Balance当前QA ATB Balance Max Admit Date Max Charge Date Max Trans Date”)
如果我理解正确,您只需在
标记中指定每列的宽度:

<table width='100%'>
   <col width='30%'> <!--This is for the first column-->
   <col width='40%'> <!--This is for the second column-->
   <col width='40%'> <!--This is for the third column-->
<!--input table data here -->
</table>


对于跨距标题,它应该自动使用第二列和第三列的组合宽度。

如果我正确理解了问题,您只需在标记中指定每列的宽度:

<table width='100%'>
   <col width='30%'> <!--This is for the first column-->
   <col width='40%'> <!--This is for the second column-->
   <col width='40%'> <!--This is for the third column-->
<!--input table data here -->
</table>



对于跨距标题,它应该自动使用第二列和第三列的组合宽度。

显示所有代码,htmlcss@DanielH我将粘贴主part@DanielH它太长,无法正确显示,有没有办法粘贴?我将在c#中这样做,为什么它有三列?只需显示问题表的呈现html-查看如何创建@LONG,只需呈现html,以及相关css(在浏览器中检查)即可显示所有代码htmlcss@DanielH我将粘贴主part@DanielH它太长,无法正确显示,有没有办法粘贴?我将在c#中这样做,为什么它有三列?只显示有问题表格的呈现html-查看如何创建@LONG,只显示呈现html和相关css(在浏览器中检查)。谢谢,让我试试。@LONG更新了我的答案,解释了我应该如何为所有列指定它?在我的真实案例中,它有14个columns@LONG据我回忆,可能有人会纠正我,第一个标记将应用于第一列,第二个标记将应用于第二列,等等。如果您不担心特定列的大小调整,您应该能够将任何列设置为
width='auto'
。我应该全部指定吗?如果我有14列,我需要为每个列设置吗?总数应该是100%?谢谢,让我试试。@LONG更新了我的答案,解释了它应该如何工作,我应该为所有列指定吗?在我的真实案例中,它有14个columns@LONG据我回忆,可能有人会纠正我,第一个标记将应用于第一列,第二个标记将应用于第二列,等等。如果您不担心特定列的大小调整,您应该能够将任何列设置为
width='auto'
。我应该全部指定吗?如果我有14列,我需要为每个列设置吗?总数应该是100%?