使用引导程序。 重现here第一列固定宽度的css表具有不明原因的间隙
第一列的定义如下:
.feedback-table tbody tr td:first-child {
width: 40px;
min-width: 40px;
max-width: 40px;
word-break: break-all;
}
的HTML,你看到的jsfiddle发送 “做大” HTML和
使用引导程序。 重现here第一列固定宽度的css表具有不明原因的间隙
第一列的定义如下:
.feedback-table tbody tr td:first-child {
width: 40px;
min-width: 40px;
max-width: 40px;
word-break: break-all;
}
的HTML,你看到的jsfiddle发送 “做大” HTML和
其中的差距是由.row类的:: before伪元素创建的。
这是自举:
.row:before, .row:after {
display: table;
content: " ";
}
为什么你需要为.row类?剥离和差距将会消失。如果你需要.row类,你也可以指定content:none;为之后和之前的元素
.feedback-row:before, .feedback-row:after {
content:none;
}
后来编辑:我已经看到你的约束条件的评论。为了能够使用表格指定宽度,您需要指定要修复的表格布局。因此...
.feedback-table { font-family: 'Arimo', sans-serif; font-size: 16px; background-color: yellow; margin: 15px; direction: rtl; text-align: right; table-layout: fixed; }
内部wrpped表格行空格之前和之后。您可以使用以下命令清除它们:
.feedback-row:before {
content: None;
}
.feedback-row:after {
content: None;
}
@Visol中,这使得列变宽。设计约束是40px宽。 – WebQube
您应该为我们提供您的css类的属性,但我可以猜到的是您在第一个''''''''''元素,但也设置覆盖这些类的固定宽度。尝试删除你的css'.feedback-table tbody tr td:first-child',看看是否解决了这个问题。 –
@AnteJablanAdamović这使得列更广泛。设计约束是40px宽。 – WebQube
@AnteJablanAdamovićcss出现在jsfiddle – WebQube