The Tor Browser / file comparison
comparison: layout/reftests/text-overflow/clipped-elements-ref.html
layout/reftests/text-overflow/clipped-elements-ref.html
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:69d5cbbb6681 |
|---|---|
| 1 <!DOCTYPE html><html> | |
| 2 <head><style> | |
| 3 html,body { | |
| 4 color:black; background-color:white; font-size:16px; padding:0; margin:0; | |
| 5 } | |
| 6 .test { | |
| 7 overflow: hidden; | |
| 8 text-align:right; | |
| 9 width: 50px; | |
| 10 margin-bottom:1em; | |
| 11 height: 20px; | |
| 12 white-space:nowrap; | |
| 13 /*border:1px solid red;width: 500px;*/ | |
| 14 } | |
| 15 .rel { position:relative; text-align:left;} | |
| 16 input,select,fieldset,textarea,hr,span { | |
| 17 border:1px solid black; | |
| 18 background: white; | |
| 19 color: black; | |
| 20 padding:0 40px; | |
| 21 } | |
| 22 iframe,img { width: 80px; height:10px; } | |
| 23 select[size="4"],iframe,textarea,hr { height:10px; margin:0; } | |
| 24 </style></head> | |
| 25 <body> | |
| 26 | |
| 27 <div style="position:absolute; top:0; left:0;"> | |
| 28 <div class="test"><fieldset style="display:inline;"></fieldset></div> | |
| 29 <div class="test"><fieldset style="display:inline-block;"></fieldset></div> | |
| 30 <div class="test"><fieldset style="display:block;"></fieldset></div> | |
| 31 | |
| 32 <div class="test"><input type="button"></div> | |
| 33 <div class="test"><input type="button" style="display:inline-block;"></div> | |
| 34 <div class="test"><input type="button" style="display:list-item;"></div> | |
| 35 <div class="test"><input type="button" style="display:block;"></div> | |
| 36 | |
| 37 <div class="test"><input type="text"></div> | |
| 38 <div class="test"><input type="text" style="display:inline-block;"></div> | |
| 39 <div class="test"><input type="text" style="display:block;"></div> | |
| 40 | |
| 41 <div class="test"><textarea></textarea></div> | |
| 42 <div class="test"><textarea style="display:inline-block;"></textarea></div> | |
| 43 <div class="test"><textarea style="display:block;"></textarea></div> | |
| 44 | |
| 45 <div class="test"><select size="1" style=""><option> <option> </select></div> | |
| 46 <div class="test"><select size="1" style="display:block;"><option> <option> </select></div> | |
| 47 | |
| 48 <div class="test"><select size="4" style=""><option> <option> </select></div> | |
| 49 <div class="test"><select size="4" style="display:block;"><option> <option> </select></div> | |
| 50 </div> | |
| 51 | |
| 52 <div style="position:absolute; top:0; left:100px;"> | |
| 53 <div class="test"><iframe src="about:blank" style=""></iframe></div> | |
| 54 <div class="test"><iframe src="about:blank" style="display:block"></iframe></div> | |
| 55 | |
| 56 <div class="test" style="text-align:left"> …</div> | |
| 57 <div class="test" style="text-align:left"> …</div> | |
| 58 <div class="test"><img style="display:block;" src="../image/big.png"></div> | |
| 59 | |
| 60 <div class="test"><x style="display:inline-block; height:100px; width:100%; background:lime">…</x></div> | |
| 61 <div class="test"><hr style="display:inline-block;vertical-align:top"></div> | |
| 62 <div class="test"><hr style="display:block;"></div> | |
| 63 | |
| 64 <div class="test">…</div> | |
| 65 <div class="test"><span style="display:inline-block;"></span></div> | |
| 66 <div class="test"></div> | |
| 67 <div class="test"><span style="display:list-item;"></span></div> | |
| 68 <div class="test"><span style="display:block;"></span></div> | |
| 69 <div class="test rel">1<span style="position:relative;"></span></div> | |
| 70 <div class="test rel">2<span style="position:absolute;"></span></div> | |
| 71 <div class="test rel">3</div> | |
| 72 <div class="test rel">4</div> | |
| 73 <div class="test"><span style="float:left"></span></div> | |
| 74 <div class="test"><span style="float:left; margin-left:-10px"></span></div> | |
| 75 <div class="test"><span style="float:right; margin-right:-10px"></span></div> | |
| 76 </div> | |
| 77 | |
| 78 </body></html> |
