樣式表CSS：表格單元尺寸和填充

-1

我不知道CSS，我正在使用Joomla模板;我需要一個格式化的表格在我的頁面上提供一些信息。我發現，似乎對我的目的，此表圖紙：樣式表CSS：表格單元尺寸和填充

<style type="text/css"> 
/*syllabus*/ 


table { 
width: 10%; 
    //margin-right: auto; 
    //margin-left: auto; 
    text-align: left; 
    //border-collapse: collapse; 
    //border-bottom: 5px solid; 
    //border: 20px solid #fff; 
    border-color: 993333; 
    //border-spacing: 0.0; 
    //box-shadow: 0px 0px 7px 7px #999999; 
    padding: 0px; 
} 


td { 
    //padding-left: 10px; 
// padding-top: 10px; 
    //padding-bottom: 10px; 
// padding-right: 10px; 
    padding: 0px; 
} 

table a 
{ 
    color: #CF7600; 
    padding: 0px; 
} 

thead { 
    font-family: Montserrat; 
    font-weight: 200; 
    color: #fff; 
} 

thead > tr { 
    background-color: #222; 
    padding: 0px; 
} 


//#CFCFCF 
tbody > tr:nth-child(even) {background-color: #f7f7f7; padding: 0px;} 
tbody > tr:nth-child(odd) {background-color: #ECECEC; padding: 0px;} 


tbody > tr > td:first-child { 
    text-align: center; 
    padding: 0px; 
} 
</style>

，但我不能在我行刪除這種「填充」的：

所有代碼的padding場均我的測試來解決問題（沒有成功）。如何刪除文字和表格之間的這個可怕空間？這似乎也是我無法調整我的表（table { width: 10%;沒有影響）...也許，是否有另一個全球CSS「隱藏」我的本地CSS？我如何在我的頁面中禁用它？

來源

2016-11-10 volperossa

使用[螢火]（https://addons.mozilla.org/en-US/firefox/addon/firebug/）那裏，你可以輕鬆地測試你的CSS，有提示。 – 2016-11-10 12:03:58

@volperossa試試這個CSS「table table> * {padding：0;}」 – vas

另外，如果你可以展示你的HTML結構如何，那也是有幫助的。 –

問題是，表格中的單元格包含大量數據，並且它會自動轉到換行以破壞我的佈局; 我解決我的問題

max-width:100%; 
white-space:nowrap;

來源

2016-11-11 11:00:25 volperossa

樣式表CSS：表格單元尺寸和填充

回答

相關問題