Html表格:最后一列宽度自动调整
我有这个。 我想要 a) 表格填充父项的宽度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个孩子(偶数){ 背景色
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