mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 1230672 part 2 - Add reftest with -moz-column-fill:auto and overflow:hidden.

This commit is contained in:
Mats Palmgren 2015-12-15 02:51:03 +01:00
Родитель c6b1fdaba5
Коммит dc19903279
2 изменённых файлов: 113 добавлений и 16 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

62
layout/reftests/columns/columnfill-auto-ref.html
Просмотреть файл

@ -3,8 +3,37 @@
<link rel="stylesheet" type="text/css" href="ahem.css" />
<style>
html,body {
color:black; background-color:white; font-size:16px; padding:5px; margin:0;
}
mask {
position: absolute;
top:0; bottom:0; left:8px; width:5px;
background: black;
}
.rel {
position: relative;
}
a {
position: absolute;
width: 10px;
height: 10px;
bottom: 0;
left: 0;
background: blue;
}
f {
position: fixed;
width: 10px;
height: 10px;
bottom: 0;
left: 100px;
background: lime;
}
td.text {
width: 200px;
width: 12em;
height: 8em;
text-align: left;
font-family: ahem;
font-size: 12pt;
@ -12,7 +41,6 @@
}
table {
width: 100%;
font-family: ahem;
font-size: 12pt;
line-height: 1.1;
@ -21,12 +49,32 @@
</head>
<body>
<table cellpadding=0 cellspacing=0>
<table cellpadding=0 cellspacing=0 class="rel">
<tr>
<td class="text" valign="top">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat libero vel diam.</td>
<td class="text" valign="top">Pellentesque pulvinar commodo lacus. Sed fringilla. Sed lectus. Praesent laoreet orci</td>
<td valign="top" class="text">vitae nisi. Duis venenatis tristique massa. Sed commodo diam at mauris.</td>
<td class="text" valign="top"><a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0 class="rel">
<tr>
<td class="text" valign="top"><a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0 class="rel">
<tr>
<td class="text" valign="top"><f></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0>
<tr>
<td class="text" valign="top"><a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0>
<tr>
<td class="text" valign="top"><f style="left:120px"></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
</tr>
</table>
<mask></mask>
</body>
</html>

67
layout/reftests/columns/columnfill-auto.html
Просмотреть файл

@ -1,19 +1,68 @@
<html>
<head>
<link rel="stylesheet" type="text/css" href="ahem.css" />
<style>
html,body {
color:black; background-color:white; font-size:16px; padding:5px; margin:0;
}
mask {
position: absolute;
top:0; bottom:0; left:8px; width:5px;
background: black;
}
.rel {
position: relative;
}
.columns {
-moz-column-width: 12em;
-moz-column-gap: 0;
-moz-column-fill: auto;
height: 8em;
font-family: ahem;
font-size: 12pt;
line-height: 1.1;
}
a {
position: absolute;
width: 10px;
height: 10px;
bottom: 0;
left: 0;
background: blue;
}
f {
position: fixed;
width: 10px;
height: 10px;
bottom: 0;
left: 100px;
background: lime;
}
</style>
</head>
<body>
<div style="width: 100%">
<div style="-moz-column-width: 200px;
-moz-column-gap: 0px;
-moz-column-fill: auto;
height: 120px;
font-family: ahem;
font-size: 12pt;
line-height: 1.1;">
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 class="columns rel">
<a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
</div>
<div class="columns rel" style="overflow: hidden">
<a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
</div>
<div class="columns rel" style="overflow: hidden">
<f></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
</div>
<div class="columns" style="overflow: hidden">
<a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
</div>
<div class="columns" style="overflow: hidden">
<f style="left:120px"></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
</div>
<mask></mask>
</body>
</html>