嵌套的CSS列无法正确呈现 - Firefox

时间:2018-04-16 10:39:54

标签: css firefox

我在 Mozilla Firefox Ver上只有以下问题。 59.0.2(64位)

尝试使用带有列规则的嵌套CSS列来呈现内容以获取列之间的行。但是线条在内容之上和之下延伸,请查看下图以供参考。

enter image description here

以下是使用的代码段和fidler here请查看mozilla firefox。

.header,
.footer {
  height: 50px;
  width: 100%;
  background-color: #ccc;
  margin-bottom: 10px;
}

.img-100 {
  width: 100%;
}

.column-2 {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-rule: 1px solid red;
  -webkit-column-rule: 1px solid red;
  -moz-column-rule: 1px solid red;
}

.column-3 {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  column-rule: 1px solid #000;
  -webkit-column-rule: 1px solid #000;
  -moz-column-rule: 1px solid #000;
}
<div class="header">

</div>
<div class="column-2">
  <img src="https://wallpaperbrowse.com/media/images/4643298-images.jpg" class="img-100">
  <div class="column-3">
    The Jodhpur High Court will tomorrow hear a plea by the Rajasthan Police to pronounce the judgement in a rape case against self-styled godman Asaram Bapu in a jail court to avoid any law and order situation in the city. The judgement in the case is scheduled
    for April 25. Police commissioner Ashok Rathore said the forces have requested the judiciary not to pronounce the judgement in the case from the court as it may lead to clashes between the security forces and the godman's followers in the court premises.
    He also refuted reports that the police had urged the court to shift the pronouncement date in the case from April 25 to April 17. "We have moved an application requesting the pronouncement of judgement in the case in the jail's court in view of the
    threat to law and order situation in the city," Additional Advocate General S K Vyas said. In its application, the police have stated that there would be a huge presence of Asaram's followers in the city on the judgment day, and that the followers
  </div>
</div>
<div class="footer">

</div>

0 个答案:

没有答案