表格内的 CSS 边距答案

【问题标题】：CSS margin inside table表格内的 CSS 边距
【发布时间】：2020-10-29 15:47:53
【问题描述】：

我正在尝试在表格内应用右边距

<html>
  <style>
    input,select {
      width: 100%;
      margin-right: 15px;
      background: red;
    }
  </style>
  <body>
    <table border="2" color="red" width="100%">
       <tr>
         <td width="25%"><input type="text" /></td>
         <td width="25%"><select><option>foobar</option></select></td>
         <td width="25%"><input type="text" /></td>
         <td width="25%"><input type="text" /></td>
       </tr>
       <tr>
         <td width="25%"><input type="text" /></td>
         <td width="25%"><input type="text" /></td>
         <td width="25%"><select><option>foobar</option></select></td>
         <td width="25%"><input type="text" /></td>
       </tr>
    <table>
  </body>
</html>

示例： http://jsfiddle.net/3reat/

只有使用 CSS 才能定义 100% - 15px 的边距？

http://jsfiddle.net/3reat/2/

【问题讨论】：

尝试 css3 calc (e.g) margin: calc(100%-15px)
您需要在哪里添加边距/填充？从外面的桌子上？里面的桌子？细胞？请说得具体一点。
@TamilSelvan 谢谢！创建一个我会接受的答案。
如果calc() 适合您，那么请以正确的方式使用它，带空格：calc(100% - 15%)。

标签： css margin

【解决方案1】：

尝试 css3 计算

（例如）

margin: calc(100% - 15px);
margin: -webkit-calc(100% - 15px);
margin: -moz-calc(100% - 15px);

参考：https://developer.mozilla.org/en-US/docs/CSS/calc

【讨论】：

泰米尔语 - 需要空格 calc(100% - 15px)
我在没有空格的谷歌浏览器中测试它不起作用。试一试