Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 制造;贪婪的;表格单元格?_Html_Css_Html Table - Fatal编程技术网

Html 制造;贪婪的;表格单元格?

Html 制造;贪婪的;表格单元格?,html,css,html-table,Html,Css,Html Table,我在一个表中有一行,其中有3个单元格,其中的值是a、B和C,该表是屏幕的全宽,这对于所有3个单元格来说都是足够的空间。现在,当它们显示时,所有的单元格都占据了房间的1/3,但这不是我想要的。我希望第二个和第三个单元格的大小是“正确的”,而第一个单元格则负责处理差异。我不能仅仅设置它们的宽度,因为它们是动态大小的。我该怎么做呢?以像素为单位对A和C进行编码,并将B的宽度设置为100%只需将表格的宽度设置为100%,将A的宽度设置为100%,将B和C设置为自动。 测试和工作 <table bo

我在一个表中有一行,其中有3个单元格,其中的值是a、B和C,该表是屏幕的全宽,这对于所有3个单元格来说都是足够的空间。现在,当它们显示时,所有的单元格都占据了房间的1/3,但这不是我想要的。我希望第二个和第三个单元格的大小是“正确的”,而第一个单元格则负责处理差异。我不能仅仅设置它们的宽度,因为它们是动态大小的。我该怎么做呢?

以像素为单位对AC进行编码,并将B的宽度设置为100%

只需将表格的宽度设置为100%,将A的宽度设置为100%,将B和C设置为自动。 测试和工作

<table border="1px" width="100%">
    <tr>
        <td width="100%">A</td>
        <td width="auto">BB</td>
        <td width="auto">CCC</td>
    </tr>
</table>

A.
BB
CCC
试试看


A.
BB
CCC

我尝试了Diodeus和Rune的方法,但对我的示例无效。我最后合并了B和C两个单元格,因为我什么也找不到。谢谢你的帮助。

鲁恩用皮斯托斯的评论回答了我。最后一步是向非贪婪列添加style=“white space:nowrap”,给出:

<table border="1px" width="100%">
    <tr>
        <td width="100%">A wide column</td>
        <td style="white-space:nowrap">Compact column 1</td>
        <td style="white-space:nowrap">Another compact column</td>
    </tr>
</table>

宽栏
紧凑列1
另一个紧凑的专栏

在Firefox 25中对我有效。

你是说这三个版本的宽度都是通过友好方式设置的?或者仅仅是B和C?,如果你留下一个没有宽度的A,它会按照你的要求去做。@jackJoe-B和C需要是其内容的宽度。无论剩余的空间是什么,默认宽度都是A should take.auto,因此只需指定相关单元格的100%宽度。(为我工作)否决票:你测试过这个吗?为什么要这样做?向下投票:“我没有找到解决方案”不是一个可接受的解决方案。向下投票:像素值将被忽略。这仅适用于将一列的宽度设置为100%。这将产生与Deep Frozed的答案相同的结果。
<table border="1px" width="100%">
    <tr>
        <td width="100%">A wide column</td>
        <td style="white-space:nowrap">Compact column 1</td>
        <td style="white-space:nowrap">Another compact column</td>
    </tr>
</table>