样式表CSS：表格单元格尺寸和填充

Question

我不懂CSS，我使用模板与Joomla合作;我需要在页面中添加格式化的表格并提供一些信息。 我发现这张表符合我的目的：

<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>   

但是我无法删除这种＆＃34;填充＆＃34;在我的行中：

代码中的所有padding字段都是我解决问题的测试（没有成功）。 如何删除文本和表格之间的这个可怕空间？ 似乎也是我无法调整我的表格大小（table { width: 10%;没有效果）...也许，是否有另一个全局的CSS＆＃34;隐藏＆＃34;我的本地CSS？如何在我的页面中禁用它？

Answer 1

问题是表格中的单元格包含大量数据，并自动转到换行符销毁我的布局; 我用

解决了我的问题

function binaryAgent(str) {

  var strArray = str.split(" ");
  var text ="";
  for(var i = 0 ; i<strArray.length ; i++){
    var char = parseInt(strArray[i],2).toString(10);
    char = String.fromCharCode(char);
    text += char;
  }
  return text;

}

binaryAgent("01101101 01100101 01110110");