Html 移除桌子底部的多余空间

我们需要删除

表底部的多余空间

目前，我们有以下几点：


但我们希望这样：


css

.wk\u mp\u body td{
背景:"282828 ;；
}
.wk\u mp\u body td{
填充物：5px7px；
}
t车身{
显示：表格行组；
垂直对齐：中间对齐；
边框颜色：继承；
}
桌子{
边界：0；
边界塌陷：塌陷；
空单元格：显示；
字体大小：100%；
}

html

<table cellspacing="0" class="border wk_mp_list_table">
    <thead>
      <tr id="wk_mp_tr_heading">
        <th><span><?php echo $helper->__('Product Name') ?></span></th>
        <th><span><?php echo $helper->__('Date') ?></span></th>
        <th><span><?php echo $helper->__('Product Status') ?></span></th>
        <th><span>&nbsp;</span></th>
      </tr>
    </thead>
    <tbody class="wk_mp_body">
      <tr>
        <td><input class="input-text" name="s" placeholder='<?php echo $helper->__(' type="text">' value="<?php echo $this->getRequest()->getParam('s')?>"/&gt;</td>
        <td><span class="wk_mp_td_span"><?php echo $helper->__('') ?> <input class="input-text" id="special_from_date" name="from_date" placeholder='<?php echo $helper->__(' value="<?php echo $this->getRequest()->getParam('from_date')?>">'/&gt;</span> <span class="wk_mp_td_span"><?php echo $helper->__('') ?> <input class="input-text" id="special_to_date" name="to_date" placeholder='<?php echo $helper->__(' value="<?php echo $this->getRequest()->getParam('to_date')?>">'/&gt;</span></td>
        <td><select class="input-text" name="prostatus" style="height:35px;">
          <option value="">
            <?php echo $helper->__('All') ?>
          </option>
          <option value="1">
            <?php echo $helper->__('Approved') ?>
          </option>
          <option value="2">
            <?php echo $helper->__('Unapproved') ?>
          </option>
        </select></td>
        <td><button class="button" style="background:#fc6c0b;" title="Save" type="submit"><span><span><span><?php echo $helper->__('Submit') ?></span></span></span></button></td>
      </tr>
    </tbody>
  </table>


为什么有两个
.wk\u mp\u body td
css类？合二为一

您有5px 7px的填充，请尝试删除它。
为什么您有两个
.wk\u mp\u body td
css类？合二为一

您有5px 7px的填充，请尝试删除它。
合并两个类（.wk\u mp\u body td）
即：

并减少填充的数量。
合并两个类（.wk\u mp\u body td）
即：

并减少填充上的数字。
您使用的是默认情况下具有
垂直对齐：基线的
td
，因此只需将
垂直对齐设置为
中间


t车身总成{
垂直对齐：中间对齐；
背景：黑色；
}
thead th{
边界：0；
文本对齐：左对齐；
宽度：30%；
}
.wk\u mp\u td\u span{
浮动：左；
宽度：50%；
}
按钮跨度{
颜色：#fff；
浮动：左；
文本对齐：居中；
}
按钮跨距{
填充：9px 15px 8px；
文本转换：大写；
}
输入，
选择，
文本区{
边框：1px实心#DCDC；
边界半径：0；
颜色：#A0；
字体：12px/29px Arial，Helvetica，无衬线；
高度：29px；
填充：2px 8px！重要；
宽度：80%；
}
挑选{
高度：35px
}

品名
日期
产品状态
全部的
经核准的
未经批准
提交
您使用的是默认情况下具有
垂直对齐：基线的
td
，因此只需将
垂直对齐设置为
中间


t车身总成{
垂直对齐：中间对齐；
背景：黑色；
}
thead th{
边界：0；
文本对齐：左对齐；
宽度：30%；
}
.wk\u mp\u td\u span{
浮动：左；
宽度：50%；
}
按钮跨度{
颜色：#fff；
浮动：左；
文本对齐：居中；
}
按钮跨距{
填充：9px 15px 8px；
文本转换：大写；
}
输入，
选择，
文本区{
边框：1px实心#DCDC；
边界半径：0；
颜色：#A0；
字体：12px/29px Arial，Helvetica，无衬线；
高度：29px；
填充：2px 8px！重要；
宽度：80%；
}
挑选{
高度：35px
}

品名
日期
产品状态
全部的
经核准的
未经批准
提交
你能添加相应的HTML吗？或者，更好的是，为我们准备一把小提琴：@Pugazh我添加了HTML部分，如果可能的话，我会尝试jsfiddle.net。你也可以使用Stack Snippets功能（看起来像一个带有
的页面的图标）。你能添加相应的HTML吗？或者，更好的是，为我们准备一把小提琴：@Pugazh我添加了html部分，如果可能，我将尝试jsfiddle.net。您也可以使用堆栈片段功能（图标看起来像一个带有
的页面）。请访问并通过电子邮件登录：kidsdial4@gmail.com，密码：totaltoys99，并帮助我删除以下内容：.wk_mp_body td{padding:5px 7px；}如果我这样做，它将删除文本框之间的背景色。然后添加一个较小的值，例如2px 5px，或者直到您尝试了理想的spacingi，但它仍然没有完全减少。我想要一些东西，如请访问并通过电子邮件登录：kidsdial4@gmail.com，密码：totaltoys99和help Me只需删除以下内容：.wk_mp_body td{padding:5px 7px；}如果我这样做，它将删除文本框之间的背景色。然后添加一个较小的值，比如2px5px或者直到你尝试了理想的spacingi，但仍然没有完全减少。我想要一些东西，比如抱歉，我无法完全删除它，请在它像这样之前检查：&现在它是这样：@nsdlfefinedieic抱歉延迟，但是您的显示正好是您想要的，输入与黑色表格垂直对齐。你还想要什么？如果你检查问题，你可以检查第二张图片。那里的空间非常少。请仔细观察，您会发现差异。请检查：对不起，我没有完全删除它，请在它像这样之前检查：&现在它像这样：@nsdlfefinedieic抱歉延迟，但您的显示正是您想要的，输入与黑表垂直对齐。你还想要什么？如果你检查问题，你可以检查第二张图片。那里的空间非常少。请仔细观察，您会发现差异。请检查：
.wk_mp_body td {
background: #282828;
padding: 5px 7px;
}