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应该是你其他单元格的高度引起的。
你写的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应该是你其他单元格的高度引起的。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息!
大家都在看
推荐信息