我在 Mozilla Firefox Ver上只有以下问题。 59.0.2(64位)。
尝试使用带有列规则的嵌套CSS列来呈现内容以获取列之间的行。但是线条在内容之上和之下延伸,请查看下图以供参考。
以下是使用的代码段和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>