Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Chrome 52 CSS问题与内联块和列_Html_Css_Google Chrome_Css Multicolumn Layout - Fatal编程技术网

Html Chrome 52 CSS问题与内联块和列

Html Chrome 52 CSS问题与内联块和列,html,css,google-chrome,css-multicolumn-layout,Html,Css,Google Chrome,Css Multicolumn Layout,更新到Chrome52后,我正在处理的一个网站错误地呈现了列。我使用display:inline块“hack”强制分栏/强制文本流。它过去在最新的浏览器(Chrome、Firefox、IE11)中运行良好,但在Chrome52中停止工作。51版还可以 FF和IE很好地分割了这些列,Chrome52只显示一列 我尝试使用display:table没有多少成功 .text-2-col{ -ms列数:2; -webkit列数:2; -moz列数:2; 列数:2; 字体大小:1.3rem; } .t

更新到Chrome52后,我正在处理的一个网站错误地呈现了列。我使用
display:inline块
“hack”强制分栏/强制文本流。它过去在最新的浏览器(Chrome、Firefox、IE11)中运行良好,但在Chrome52中停止工作。51版还可以

FF和IE很好地分割了这些列,Chrome52只显示一列

我尝试使用
display:table没有多少成功

.text-2-col{
-ms列数:2;
-webkit列数:2;
-moz列数:2;
列数:2;
字体大小:1.3rem;
}
.text-2列{
显示:内联块;
宽度:100%;
}

我们去了哪里,做了什么:

一天
  • 从Keflavik机场经过Akranes绕Akrafjall到我们在北部的住所
  • 在路上,我们在科鲁格尔朱福尔瀑布和平盖拉丘奇停了下来。晚上11点左右,在我们的“夜间”徒步旅行中,我们看到房子后面有一只北极狐狸
2.5天
  • 我们在北部海岸的一个小渔镇Siglufjörður附近兜了一圈,在那里我们快速停了下来,然后穿过冰岛第二大城市——阿库雷里
  • 我们参观了Glaumbær-Skagafjörður民俗博物馆,并在附近一座传统住宅的一家可爱的咖啡馆里吃了一块蛋糕和一杯咖啡
  • 然后我们去看了Goðafoss瀑布,这是冰岛最壮观的瀑布之一
3.5天
  • 鲸鱼和海雀的天啊!一大早,我们去了胡萨维克,乘船观察鲸鱼和海雀。我看到了一条鲸鱼的尾巴和白色的腹部,还有一群海鹦。我们的船向导告诉我们不要吃任何鲸鱼或海雀,因为生活在冰岛周围海洋中的鲸鱼数量正在迅速减少,我同意了。好家伙,我想
  • 那天晚些时候,我们徒步前往克拉弗拉火山,沿途看到了一个美丽的维提火山口。但这一天的高潮只出现在晚上——在Mývatn自然浴场洗澡——位于活火山活动区的富营养化湖泊。那是我在冰岛度过的最好时光。蒸天然水,新鲜空气,沐浴至深夜。还有什么更好的
4.5天
  • 熔岩之日!去了Leirhnjukur熔岩场和Hverir蒸汽场。那里有一系列蒸汽喷气孔,一些冒泡的泥罐和许多有趣的颜色
  • 乘便车向东——我们在Gíslastaðir的下一个住处正在等待
您可以删除:

.text-2-col .column {
  display: inline-block; 
  width: 100%;
}
它的工作原理与预期一致

.text-2-col{
-ms列数:2;
-webkit列数:2;
-moz列数:2;
列数:2;
字体大小:1.3rem;
}

我们去了哪里,做了什么:

一天
  • 从Keflavik机场经过Akranes绕Akrafjall到我们在北部的住所。
  • 在路上,我们在科鲁格尔朱福尔瀑布和平盖拉丘奇停了下来。晚上11点左右,在我们的“夜间”徒步旅行中,我们看到房子后面有一只北极狐狸。
2.5天
  • 我们在北部海岸的一个小渔镇Siglufjörður附近兜了一圈,在那里我们快速停了下来,然后穿过冰岛第二大城市——阿库雷里
  • 我们参观了Glaumbær-Skagafjörður民俗博物馆,并在附近一座传统住宅的一家可爱的咖啡馆里吃了一块蛋糕和一杯咖啡。
  • 然后我们去看了Goðafoss瀑布,这是冰岛最壮观的瀑布之一。
3.5天
  • 鲸鱼和海雀节!一大早,我们去了胡萨维克,乘船观察鲸鱼和海雀。我看到了一条鲸鱼的尾巴和白色的腹部,还有一群海鹦。我们的船向导告诉我们不要吃任何鲸鱼或海雀,因为生活在冰岛周围海洋中的鲸鱼数量正在迅速减少,我同意了。好家伙,我想。
  • 那天晚些时候,我们徒步前往克拉弗拉火山,沿途看到了一个美丽的维提火山口。但这一天的高潮只出现在晚上——在Mývatn自然浴场洗澡——位于活火山活动区的富营养化湖泊。那是我在冰岛度过的最好时光。蒸天然水,新鲜空气,沐浴至深夜。还有什么更好的?
4.5天
  • 熔岩之日!去了Leirhnjukur熔岩场和Hverir蒸汽场。那里有一系列蒸汽喷气孔,一些冒泡的泥罐和许多有趣的颜色
  • 乘便车向东——我们在Gíslastaðir的下一个住处正在等待
您可以删除:

.text-2-col .column {
  display: inline-block; 
  width: 100%;
}
它的工作原理与预期一致

.text-2-col{
-ms列数:2;
-webkit列数:2;
-moz列数:2;
列数:2;
字体大小:1.3rem;
}

我们去了哪里,做了什么:

一天
  • 从Keflavik机场经过Akranes绕Akrafjall到我们在北部的住所。
  • 在路上,我们在科鲁格尔朱福尔瀑布和平盖拉丘奇停了下来。晚上11点左右,在我们的“夜间”徒步旅行中,我们看到房子后面有一只北极狐狸。
2.5天
  • 我们在北部海岸的一个小渔镇Siglufjörður附近兜了一圈,在那里我们快速停了下来,然后穿过冰岛第二大城市——阿库雷里
  • 我们参观了Glaumbær-Skagafjörður民俗博物馆,并在附近一座传统住宅的一家可爱的咖啡馆里吃了一块蛋糕和一杯咖啡。
  • 然后我们去看了Goðafoss瀑布,这是冰岛最壮观的瀑布之一。
3.5天
  • 鲸鱼和海雀节!一大早,我们去了胡萨维克,乘船观察鲸鱼和海雀。我看到了它的尾巴和白色的腹部
    .text-2-col {
      -ms-column-count: 2;
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      font-size: 1.3rem;
    }
    
    .text-2-col .column {
      display: inline-block; 
      width: 100%;
    }
    <div class="text-2-col" style="font-size: 1.4rem;">
      <span class="column">{...}</span>
      <span class="column">{...}</span>
    </div>
    
    .text-2-col {
      -ms-column-count: 2;
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      font-size: 1.3rem;
    }
    
    .text-2-col .column {
      display: inline-block; 
      width: 100%;
    }
    <div class="text-2-col" style="font-size: 1.4rem;">
      <div class="column-container">
        <span class="column">{...}</span>
      </div>
      <div class="column-container">
        <span class="column">{...}</span>
      </div>
    </div>