Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 表单元格中的div有一个奇怪的间隙,并且不是固定的_Html_Css_Css Tables - Fatal编程技术网

Html 表单元格中的div有一个奇怪的间隙,并且不是固定的

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

我用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.
奇数间距是由于垂直对齐造成的

我附上了一个片段,通过将三个单元格设置为垂直对齐: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;你太棒了~!我犯了一些基本的错误。非常感谢你。