third_party/WebKit/LayoutTests/css3/flexbox/alignContent-applies-with-flexWrap-wrap-with-single-line.html - Issue 2832503003: [css-flex] Implement the space-evenly content-distribution value

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/alignContent-applies-with-flexWrap-wrap-with-single-line.html

Issue 2832503003: [css-flex] Implement the space-evenly content-distribution value (Closed)

Patch Set: Fixed layout tests. Created 3 years, 6 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:

OLD	NEW
1 <!doctype html>	1 <!doctype html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <style>	4 <style>

5 .default {	5 .default {

6 display: flex;	6 display: flex;

7 flex-wrap: wrap;	7 flex-wrap: wrap;

8 position: relative;	8 position: relative;

9 height: 75px;	9 height: 75px;

10 border: 1px solid red;	10 border: 1px solid red;

(...skipping 25 matching lines...) Expand all Loading...
36 </div>	36 </div>

37 <div class="default" style="align-content: center">	37 <div class="default" style="align-content: center">

38 <div data-offset-y="0">This text should be at the top of it's container</div>	38 <div data-offset-y="0">This text should be at the top of it's container</div>

39 </div>	39 </div>

40 <div class="default" style="align-content: space-between">	40 <div class="default" style="align-content: space-between">

41 <div data-offset-y="0">This text should be at the top of it's container</div>	41 <div data-offset-y="0">This text should be at the top of it's container</div>

42 </div>	42 </div>

43 <div class="default" style="align-content: space-around">	43 <div class="default" style="align-content: space-around">

44 <div data-offset-y="0">This text should be at the top of it's container</div>	44 <div data-offset-y="0">This text should be at the top of it's container</div>

45 </div>	45 </div>

	46 <div class="default" style="align-content: space-evenly">

	47 <div data-offset-y="0">This text should be at the top of it's container</div>

	48 </div>

46 <div class="default" style="align-content: stretch">	49 <div class="default" style="align-content: stretch">

47 <div data-offset-y="0">This text should be at the top of it's container</div>	50 <div data-offset-y="0">This text should be at the top of it's container</div>

48 </div>	51 </div>

49 <div class="verticalWriting" style="align-content: flex-start">	52 <div class="verticalWriting" style="align-content: flex-start">

50 <div data-offset-x="0">This text should be at the left of it's container</div>	53 <div data-offset-x="0">This text should be at the left of it's container</div>

51 </div>	54 </div>

52 <div class="verticalWriting" style="align-content: flex-end">	55 <div class="verticalWriting" style="align-content: flex-end">

53 <div data-offset-x="0">This text should be at the left of it's container</div>	56 <div data-offset-x="0">This text should be at the left of it's container</div>

54 </div>	57 </div>

55 <div class="verticalWriting" style="align-content: center">	58 <div class="verticalWriting" style="align-content: center">

56 <div data-offset-x="0">This text should be at the left of it's container</div>	59 <div data-offset-x="0">This text should be at the left of it's container</div>

57 </div>	60 </div>

58 <div class="verticalWriting" style="align-content: space-between">	61 <div class="verticalWriting" style="align-content: space-between">

59 <div data-offset-x="0">This text should be at the left of it's container</div>	62 <div data-offset-x="0">This text should be at the left of it's container</div>

60 </div>	63 </div>

61 <div class="verticalWriting" style="align-content: space-around">	64 <div class="verticalWriting" style="align-content: space-around">

62 <div data-offset-x="0">This text should be at the left of it's container</div>	65 <div data-offset-x="0">This text should be at the left of it's container</div>

63 </div>	66 </div>

64 <div class="verticalWriting" style="align-content: stretch">	67 <div class="verticalWriting" style="align-content: stretch">

65 <div data-offset-x="0">This text should be at the left of it's container</div>	68 <div data-offset-x="0">This text should be at the left of it's container</div>

66 </div>	69 </div>

67 </body>	70 </body>

68 </html>	71 </html>

OLD	NEW

« no previous file with comments | « third_party/WebKit/LayoutTests/TestExpectations ('k') | third_party/WebKit/LayoutTests/css3/flexbox/css-properties.html » ('j') | no next file with comments »