1

这些是我的 div 的 css 代码，我首先制作一个 slothead 类 div，然后水平制作几个插槽。

div.slotshead{
    z-index:3;
    position:relative;
    border: 1px solid #5f92d2;
    width: 130px;
    height: 50px;
    color: #003366;
    font-size:15px;
    text-align:center;
    font-family:'arial';
}

div.slots{
    z-index:3;
    position:relative;
    border: 1px solid #d0d0fe;
    width: 45px;
    height: 50px;
    color: #003366;
    font-size:10px;
    text-align:center;
    font-family:'arial';
}

这是其中的代码

echo '<h3>';
for ($i = 0; $i < 31; $i++) {
    echo "<div class=slotshead id=$i>";
    If($i==0){
        echo 'TIME';
    }
    echo "</div>";

    for ($j=0;$j < 23;$j++) {
        echo " <div class=slots>";
        If(($i==0)){
            $start = strtotime('8am');
            $k++;
            $tod = $start + ($k * 15 * 60);
            echo date('H:i A', $tod);
        }
        echo "</div>";
    }

    echo '<br>';

}
echo '</h3>';

这是示例jsfiddle

在这里，插槽工作正常，但slothead(div with 'TIME') 向下移动了一点，这是为什么呢？仅供参考，我试过vertical-align=top;但没有用......

4

1 回答 1

1

好的，我觉得这就是您要问的

在 CSS 中添加

h3{margin:0;padding:0;}

例子

演示

您仍然想减少均值，请参见以下内容

html,body,h3{margin:0;padding:0}

演示

于 2013-03-16T05:13:57.417 回答