第一列固定寬度的css表具有不明原因的間隙

第一列的定義如下：

.feedback-table tbody tr td:first-child { 
    width: 40px; 
    min-width: 40px; 
    max-width: 40px; 
    word-break: break-all; 
}

的HTML，你看到的jsfiddle發送「做大」 HTML和

來源

2017-10-12 WebQube

您應該爲我們提供您的css類的屬性，但我可以猜到的是您在第一個''''''''''元素，但也設置覆蓋這些類的固定寬度。嘗試刪除你的css'.feedback-table tbody tr td：first-child'，看看是否解決了這個問題。 –

@AnteJablanAdamović這使得列更廣泛。設計約束是40px寬。 – WebQube

@AnteJablanAdamovićcss出現在jsfiddle – WebQube

其中的差距是由.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; 
}

來源

2017-10-12 09:08:06

內部wrpped表格行空格之前和之後。您可以使用以下命令清除它們：

.feedback-row:before { 
    content: None; 
} 

.feedback-row:after { 
    content: None; 
}

來源

2017-10-12 08:54:02 Vilsol

@Visol中，這使得列變寬。設計約束是40px寬。 – WebQube

第一列固定寬度的css表具有不明原因的間隙

回答

相關問題