Html 为什么列宽被破坏?

Html 为什么列宽被破坏?,html,css,grid-layout,css-grid,Html,Css,Grid Layout,Css Grid,我有网格布局的桌子。但当宽度减小时,并非所有列都具有相同的宽度。此处,2kііііСа跨越两个2fr柱。因此,我希望它的宽度与两列相同:1和Γцц。 /*发票项目的布局*/ .项目网格{ 宽度:680px; 显示:网格; 网格模板列:2fr 4fr 60%2fr 2fr 3fr 3fr; 网格模板行:自动; 边框:3倍纯黑; } /*所有单元格应以中心垂直对齐*/ .项目网格>dt{ 显示:网格; 对齐项目:居中; } /*不显示最后一列/行的右/下边框*/ .项目网格>dt:非(:第n个子项

我有网格布局的桌子。但当宽度减小时,并非所有列都具有相同的宽度。此处,
2kііііСа
跨越两个2fr柱。因此,我希望它的宽度与两列相同:
1
Γцц

/*发票项目的布局*/
.项目网格{
宽度:680px;
显示:网格;
网格模板列:2fr 4fr 60%2fr 2fr 3fr 3fr;
网格模板行:自动;
边框:3倍纯黑;
}
/*所有单元格应以中心垂直对齐*/
.项目网格>dt{
显示:网格;
对齐项目:居中;
}
/*不显示最后一列/行的右/下边框*/
.项目网格>dt:非(:第n个子项(7n)){
右边框:2倍纯黑;
}
.items grid>dt:非(:第n个最后一个子项(-n+7)){
底部边框:2件纯黑;
}
/*N,代码*/
.项目网格>dt:n个子项(7n+1),
.items grid>dt:n子项(7n+2)
{
证明项目:中心;
}
/*数量、价格、数量*/
.项目网格>dt:n个子项(7n+4),
.项目网格>dt:n个子项(7n+6),
.items grid>dt:n子项(7n+7)
{
证明项目:结束;
}
/**第一行的样式**/
.items grid>dt:n个子项(-n+7){
字体大小:粗体;
证明项目:中心;
文本对齐:居中;
}
/*“数量”列稍后被两个分隔*/
.items grid>dt:n子项(4){
格线柱起点:跨度2;
}
/*应隐藏为奇偶校验添加的单元格*/
.items grid>dt:n子项(5){
显示:无;
}

№
Код
Товари (роботи, послуги)
Кількість
Ціна з ПДВ
Сума з ПДВ
1.
MED0000754
图恰比特(TuchaBit)
1.
грн
630,62
630,62
2.
MED0000754
图恰比特(TuchaBit)
1.
грн
630,62
630,62

我已经在FF61上进行了测试,可以将
最小宽度:0
添加到
。当我这么做的时候,@Michael_B:可能会重复。文本将从单元格中取出。第二行中的列应该更宽一点,因为bitI也无法复制。小提琴很好。