27 lines
1.1 KiB
HTML
27 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Remove all content from row after spanner, then insert some content there</title>
|
|
<script>
|
|
function test() {
|
|
document.body.offsetTop; // trigger layout
|
|
var elm = document.getElementById('elm');
|
|
elm.style.display = 'none';
|
|
document.body.offsetTop; // trigger layout
|
|
var elm2 = document.getElementById('elm2');
|
|
elm2.style.display = 'block';
|
|
}
|
|
</script>
|
|
<style>
|
|
.spanner { -webkit-column-span:all; column-span:all; }
|
|
</style>
|
|
</head>
|
|
<body onload="test()">
|
|
<p>You should see two lines with the word "PASS" on a lime background below.</p>
|
|
<div style="float:left; overflow:hidden;">
|
|
<div style="-webkit-columns:4; columns:4; column-gap:0; -webkit-column-gap:0; orphans:1; widows:1; background:lime;">
|
|
<div class="spanner">PASS</div><div id="elm" style="background:red;">F<br>A<br>I<br>L</div><div id="elm2" style="display:none;">P<br>A<br>S<br>S</div></div>
|
|
</div>
|
|
</body>
|
|
</html>
|