微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

表内的CSS边距

我正在尝试没有运气在表格中应用正确的边距
<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?

@编辑

解决了宽度:calc(100% – 15px)CSS3回复来自@TamilSelvan的空格

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

解决方法

尝试css3 calc

(例如)

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。