Question

我正在使用WordPress重力表单并使用内联网格进行布局。
它在Firefox和Chrome中完美运行。

但是当谈到Safari时，display: inline-grid不起作用。
虽然display: inline-block有效。

在Safari中运行以下代码段，看看我在说什么。

.item {
  width: 50px;
  height: 50px;
  background-color: lightgray;
  display: inline-block;
  margin: 5px;
}

.item2 {
  width: 50px;
  height: 50px;
  background-color: gray;
  display: inline-grid;
  margin: 5px;
}

<div class="item"></div>
<div class="item"></div>
<hr>
<div class="item2"></div>
<div class="item2"></div>

Answer 1

Safari支持CSS网格布局

desktop -- from version 10.1
ios -- from version 10.3

http://caniuse.com/#feat=css-grid

可能你并没有使用非常新鲜的Safari。

BTW，在我的桌面v.1.1.1上，您的代码按预期工作。

为什么Safari中没有内联网格？

1 个答案: