我有一个使用CSS设置样式的HTML表格。该表由两行组成,但上排只需要3列,而下排有5列。
Seattle | New York | Charlotte | ||
SEA 10:15pm | LGA 9:45am +1 Tag | 1 Stopp | 8Std.30Min. |
以下是控制该表的CSS。
.xp-fl-md-lg {
vertical-align: bottom !important;
}
.flightLegSummary {
width: 111px;
}
#flightLegOutterCont .xp-flt-arptttl-fnt {
color: #333333;
font-size: 12px;
font-weight: bold;
line-height: 10px;
}
#flightModuleControl .xp-flt-mdl-leg-col1 {
max-width: 52px;
min-width: 52px;
padding-bottom: 1px;
padding-top: 6px;
}
#flightModuleControl .xp-flt-mdl-leg-colicn {
max-width: 15px;
padding-bottom: 1px;
padding-top: 6px;
text-align: center;
}
#flightModuleControl .xp-flt-mdl-leg-col2 {
padding-bottom: 1px;
padding-top: 6px;
width: 110px;
}
#flightModuleControl .xp-flt-mdl-leg-col3 {
padding-bottom: 1px;
padding-right: 7px;
padding-top: 5px;
width: 76px;
}
#flightModuleControl .xp-flt-mdl-leg-col4 {
padding-bottom: 1px;
padding-top: 6px;
width: 54px;
}
我面临的问题是我想将以下所有单元格修改为一定的宽度:
98px wide
130px wide
86px wide
12px wide
130px wide
76px wide
我一直在努力,我似乎无法将行修改为所需的宽度。另外,我不理解colspan在第一行中的作用。然而,当我移除时,它确实搞砸了细胞的定位。