Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(9)

Side by Side Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-table-in-fixed-001.html

Issue 1922043004: Import csswg-test@b2daa426addd5ccb8e9ce1c5d800f9d82603f1ec (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Update W3CImportExpectations and make me owner for css-scoping-1 Created 4 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <title>CSS Snap Size: snap-width</title> 2 <title>CSS Snap Size: snap-width</title>
3 <link rel="help" href="https://drafts.csswg.org/css-snap-size/#snap-width"> 3 <link rel="help" href="https://drafts.csswg.org/css-snap-size/#snap-width">
4 <link rel="match" href="reference/snap-width-inline-001.html"> 4 <link rel="match" href="reference/snap-width--001.html">
5 <meta name="assert" content="This test asserts the snap-width property rounds do wn the box width."> 5 <meta name="assert" content="This test asserts the snap-width property rounds do wn the box width.">
6 <meta name="flags" content="ahem"> 6 <meta name="flags" content="ahem">
7 <link rel="author" title="Koji Ishii" href="kojiishi@gmail.com"> 7 <link rel="author" title="Koji Ishii" href="kojiishi@gmail.com">
8 <style> 8 <style>
9 .container { 9 .container {
10 font-family: Ahem; 10 font-family: Ahem;
11 font-size: 32px; 11 font-size: 32px;
12 line-height: 1; 12 line-height: 1;
13 } 13 }
14 .container > div { 14 .container > div {
15 margin: .5em 0; 15 margin: .5em 0;
16 } 16 }
17 .border > div { 17 .border > div {
18 border-left: .4em transparent solid; 18 border-left: .4em transparent solid;
19 border-right: .4em transparent solid; 19 border-right: .4em transparent solid;
20 } 20 }
21 .padding > div { 21 .padding > div {
22 padding: 0 .4em; 22 padding: 0 .4em;
23 } 23 }
24 24
25 .test { 25 .test {
26 snap-width: 1em; 26 snap-width: 1em;
27 text-align: right; 27 text-align: right;
28 width: 20.5em; 28 width: 20.5em;
29 } 29 }
30 table { border-spacing: 0; }
31 td { padding: 0; }
30 .ref { 32 .ref {
31 white-space: pre; /* make sure the line does not wrap */ 33 white-space: pre; /* make sure the line does not wrap */
32 width: 20em; 34 width: 20em;
33 } 35 }
34 </style> 36 </style>
35 <body> 37 <body>
36 <p class="instructions" style="display:none">Test passes if each pair of boxes a re the same, 38 <p class="instructions" style="display:none">Test passes if each pair of boxes a re the same,
37 including how they look, widths, and horizontal positions. 39 including how they look, widths, and horizontal positions.
38 40
39 <div class="container"> 41 <div class="container">
40 <div class="test">XXXXXXXXXX XXXXXXXXX</div> 42 <div class="test"><table width="100%"><tr><td>XXXXXXXXXX XXXXXXXXX</td></tr></ table></div>
41 <div class="ref">XXXXXXXXXX XXXXXXXXX</div> 43 <div class="ref"><table width="100%"><tr><td>XXXXXXXXXX XXXXXXXXX</td></tr></t able></div>
42 </div> 44 </div>
43 45
44 <div class="border container"> 46 <div class="border container">
45 <div class="test">XXXXXXXXXX XXXXXXXXX</div> 47 <div class="test"><table width="100%"><tr><td>XXXXXXXXXX XXXXXXXXX</td></tr></ table></div>
46 <div class="ref">XXXXXXXXXX XXXXXXXXX</div> 48 <div class="ref"><table width="100%"><tr><td>XXXXXXXXXX XXXXXXXXX</td></tr></t able></div>
47 </div> 49 </div>
48 50
49 <div class="padding container"> 51 <div class="padding container">
50 <div class="test">XXXXXXXXXX XXXXXXXXX</div> 52 <div class="test"><table width="100%"><tr><td>XXXXXXXXXX XXXXXXXXX</td></tr></ table></div>
51 <div class="ref">XXXXXXXXXX XXXXXXXXX</div> 53 <div class="ref"><table width="100%"><tr><td>XXXXXXXXXX XXXXXXXXX</td></tr></t able></div>
52 </div> 54 </div>
53 55
54 <div class="border padding container"> 56 <div class="border padding container">
55 <div class="test">XXXXXXXXXX XXXXXXXXX</div> 57 <div class="test"><table width="100%"><tr><td>XXXXXXXXXX XXXXXXXXX</td></tr></ table></div>
56 <div class="ref">XXXXXXXXXX XXXXXXXXX</div> 58 <div class="ref"><table width="100%"><tr><td>XXXXXXXXXX XXXXXXXXX</td></tr></t able></div>
57 </div> 59 </div>
58 </body> 60 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698