中易网

html table 设置td的宽度不生效

答案:1  悬赏:80  
解决时间 2021-01-15 17:30
  • 提问者网友:凉末
  • 2021-01-15 08:35
html table 设置td的宽度不生效
最佳答案
  • 二级知识专家网友:零点过十分
  • 2021-01-15 09:45
input有默认宽度的。
  你写的nth-child貌似不对吧。

.mainTable tr td{
    border: 1px solid #000;
    text-align: center;
    border-top-width: 0;
    border-left-width: 0;
}
.mainTable tr:nth-of-type(1) td:nth-of-type(1){
    width: 60px;
}
.mainTable tr:nth-of-type(2) td:nth-of-type(1){
    width: 10px;
overflow:hidden;
}
.mainTable tr:nth-of-type(2) td:nth-of-type(2){
    width: 20px;
}
.mainTable tr:nth-of-type(2) td:nth-of-type(3){
    width: 30px;
}
追问:css3里nth-child是没有问题的
重新设置了Input的宽度 现在Input的宽度是正常的
但发现上下左侧都有margin 我设置了margin-left 那上下的margin是怎么来的呢?
而且input的所在的蓝色部分一直往后延伸 是什么呢??


追答:  绿色的是padding,蓝色的是td的宽度。
  上下的margin分别为margin-top和margin-bottom。
  之所以有padding应该是你其他单元格的高度引起的。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息!
大家都在看
推荐信息