gecko/layout/reftests/columns/columnfill-change.html

36 lines
1.2 KiB
HTML

<!doctype html>
<html class="reftest-wait">
<head>
<link rel="stylesheet" type="text/css" href="ahem.css" />
<title>Bug 695222: Test for change of column-fill property</title>
<style>
.columns {
-moz-column-count: 3;
-moz-column-gap: 0px;
-moz-column-fill: auto;
height: 120px;
font-family: ahem;
font-size: 12pt;
line-height: 1.1;
}
</style>
<script type="text/javascript">
function disableWait() {
document.documentElement.removeAttribute('class');
}
function main() {
document.getElementById('columnsElement').style.MozColumnFill = 'balance';
setTimeout(disableWait, 500);
}
</script>
</head>
<body onload="main();">
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695222">Mozilla Bug 695222</a>
<div id="test" style="display: block;">
<div id="columnsElement" class="columns">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat libero vel diam. Pellentesque pulvinar commodo lacus. Sed fringilla. Sed lectus. Praesent laoreet orci vitae nisi. Duis venenatis tristique massa. Sed commodo diam at mauris.
</div>
</div>
</body>
</html>