Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.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_Layout_Html Table - Fatal编程技术网

Html表格:最后一列宽度自动调整

Html表格:最后一列宽度自动调整,html,css,layout,html-table,Html,Css,Layout,Html Table,我有这个。 我想要 a) 表格填充父项的宽度 b) 填补空白的最后一列 c) a列和b列固定(100和200)px 表格{ 宽度:100%; 表布局:固定; 边框:1px实心浅灰色; } 运输署{ 溢出:隐藏; 文本溢出:省略号; } 第n个孩子(2); 运输署:第n名儿童(2){ 最小宽度:200px; 最大宽度:200px; } 第:第n个孩子(1), 运输署:第n名儿童(1){ 最小宽度:100px; 最大宽度:100px; } thead, tbody>tr:n个孩子(偶数){ 背景色

我有这个。 我想要

a) 表格填充父项的宽度
b) 填补空白的最后一列
c) a列和b列固定(100和200)px

表格{
宽度:100%;
表布局:固定;
边框:1px实心浅灰色;
}
运输署{
溢出:隐藏;
文本溢出:省略号;
}
第n个孩子(2);
运输署:第n名儿童(2){
最小宽度:200px;
最大宽度:200px;
}
第:第n个孩子(1),
运输署:第n名儿童(1){
最小宽度:100px;
最大宽度:100px;
}
thead,
tbody>tr:n个孩子(偶数){
背景色:#ffffff;
}
tbody>tr:n个孩子(奇数){
背景颜色:浅蓝色;
}
瑞德先生{
背景:红色;
}

你好
Id(100px)
名称(200px)
说明(自动)
654
987
这是一个描述
963
147
这是第二个描述
753
951
这是第三种描述

使用
宽度
而不是
最大宽度
最小宽度
,您得到了一个
而不是第二列规则中的

表格{
宽度:100%;
表布局:固定;
边框:1px实心浅灰色;
}
运输署{
溢出:隐藏;
文本溢出:省略号;
}
第n个孩子(2),
运输署:第n名儿童(2){
宽度:200px;
}
第:第n个孩子(1),
运输署:第n名儿童(1){
宽度:100px;
}
thead,
tbody>tr:n个孩子(偶数){
背景色:#ffffff;
}
tbody>tr:n个孩子(奇数){
背景颜色:浅蓝色;
}
瑞德先生{
背景:红色;
}

你好
Id(100px)
名称(200px)
说明(自动)
654
987
这是一个描述
963
147
这是第二个描述
753
951
这是第三种描述

您面临的问题类型。还有一点很奇怪,尽管存在引导程序,但没有考虑col-xs-10