Question

我有一个使用内部链接的表格制作的导航菜单。在chrome和所有其他浏览器上，td元素没有填充，内部链接可以有填充并填充整个td元素。在Safari上有一个额外的顶部和底部填充，它会消除内部链接的间距。如何在safari中删除这个额外的填充？

html-

.container {
  position: relative;
  display: block;
  margin: 0px auto;
  padding: 0px 20px;
  max-width: 1100px;
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

nav {
  background: $modBg;
  border: 1px solid $border;
  border-left: 0px;
  border-right: 0px;
  margin-bottom: 9px;
   table {
     width: 100%;
     tr {
       td {
         text-align: center;
         a {
           padding: 15px;
           display: inline-block;
           width: 100%;
           height: 100%;
         }
       }
     }
   }
 }

css（scss） -

{{1}}

和一些显示差异的图片 -

table cell on safari

这是一个复制问题的方法 - https://jsfiddle.net/davmex/m4ea9gLr/

safari添加填充到表格单元格

0 个答案: