Html 表单元格中的div有一个奇怪的间隙,并且不是固定的
我用ul、li和DIV做了一张桌子。这是我的密码 .mwbtable{显示:表格;宽度:100%;边框折叠:折叠;} .t行{显示:表格行;高度:40px;行高度:40px;} .t-cell1、.t-cell2、.t-cell3{显示:表格单元格;} .t-cell1{宽度:100px;背景:ccc;} .t-cell2{背景:ddd;} .t-cell3{宽度:340px;背景:777;} .t-cell3.顺序{} .order>div{display:inline块;float:left;} .list1{宽度:100px;文本对齐:居中;} .list2{宽度:50px;文本对齐:居中;} .list3{宽度:100px;文本对齐:居中;} .list4{宽度:90px;文本对齐:居中;} tc1 tc2 1. 2. 3. 4.Html 表单元格中的div有一个奇怪的间隙,并且不是固定的,html,css,css-tables,Html,Css,Css Tables,我用ul、li和DIV做了一张桌子。这是我的密码 .mwbtable{显示:表格;宽度:100%;边框折叠:折叠;} .t行{显示:表格行;高度:40px;行高度:40px;} .t-cell1、.t-cell2、.t-cell3{显示:表格单元格;} .t-cell1{宽度:100px;背景:ccc;} .t-cell2{背景:ddd;} .t-cell3{宽度:340px;背景:777;} .t-cell3.顺序{} .order>div{display:inline块;float:lef
奇数间距是由于垂直对齐造成的 我附上了一个片段,通过将三个单元格设置为垂直对齐:top;,解决了这个问题 .mwbtable{显示:表格;宽度:100%;边框折叠:折叠;} .t行{显示:表格行;高度:40px;行高度:40px;} .t-cell1、.t-cell2、.t-cell3{显示:表格单元格;垂直对齐:顶部;} .t-cell1{宽度:100px;背景:ccc;} .t-cell2{背景:ddd;} .t-cell3{宽度:340px;背景:777;} .t-cell3.顺序{} .order>div{display:inline块;float:left;} .list1{宽度:100px;文本对齐:居中;} .list2{宽度:50px;文本对齐:居中;} .list3{宽度:100px;文本对齐:居中;} .list4{宽度:90px;文本对齐:居中;} tc1 tc2 1. 2. 3. 4.
尝试更改线高度:40px;你太棒了~!我犯了一些基本的错误。非常感谢你。