Skip to content

Commit 98a4649

Browse files
committed
add pictures
1 parent e933187 commit 98a4649

4 files changed

Lines changed: 12 additions & 9 deletions

File tree

css3-align/Overview.html

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,8 @@
1212

1313
<style type="text/css">
1414
body, html { max-width: none; }
15-
.issue th:first-child { text-align: left !important; }
15+
.issue th:first-child { text-align: left !important; }
16+
[rowspan] > img { max-height: 4em; float: right; }
1617
</style>
1718

1819
<body>
@@ -335,7 +336,7 @@ <h2 id=overview><span class=secno>2. </span> Overview of Alignment
335336

336337
<td>inline
337338

338-
<td rowspan=2>element within parent
339+
<td rowspan=2><img alt="" src=self-target.jpg> element within parent
339340

340341
<td>
341342

@@ -366,7 +367,7 @@ <h2 id=overview><span class=secno>2. </span> Overview of Alignment
366367

367368
<td>inline
368369

369-
<td rowspan=2>content within element
370+
<td rowspan=2><img alt="" src=content-target.jpg>content within element
370371

371372
<td><code class=property>flex-pack</code>
372373

@@ -397,8 +398,9 @@ <h2 id=overview><span class=secno>2. </span> Overview of Alignment
397398

398399
<td>inline
399400

400-
<td rowspan=2>items inside element (controls items with ‘<code
401-
class=css>align/justify-outside: auto</code>’)
401+
<td rowspan=2><img alt="" src=child-target.jpg> items inside element
402+
(controls items with ‘<code class=css>align/justify-outside:
403+
auto</code>’)
402404

403405
<td>
404406

css3-align/Overview.src.html

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,8 @@
1010
href="http://www.w3.org/StyleSheets/TR/W3C-[STATUS].css">
1111
<style type="text/css">
1212
body, html { max-width: none; }
13-
.issue th:first-child { text-align: left !important; }
13+
.issue th:first-child { text-align: left !important; }
14+
[rowspan] > img { max-height: 4em; float: right; }
1415
</style>
1516
</head>
1617

@@ -162,7 +163,7 @@ <h2 id="overview">
162163
<tbody>
163164
<tr><th>'justify-outside'
164165
<td>inline
165-
<td rowspan=2>element within parent
166+
<td rowspan=2><img src="self-target.jpg" alt=""> element within parent
166167
<td>
167168
<td>'grid-row-align'
168169
<td>
@@ -177,7 +178,7 @@ <h2 id="overview">
177178
<tbody>
178179
<tr><th>'justify-inside'
179180
<td>inline
180-
<td rowspan=2>content within element
181+
<td rowspan=2><img src="content-target.jpg" alt="">content within element
181182
<td>'flex-pack'
182183
<td>
183184
<td>
@@ -192,7 +193,7 @@ <h2 id="overview">
192193
<tbody>
193194
<tr><th>'justify-items'
194195
<td>inline
195-
<td rowspan=2>items inside element (controls items with ''align/justify-outside: auto'')
196+
<td rowspan=2><img src="child-target.jpg" alt=""> items inside element (controls items with ''align/justify-outside: auto'')
196197
<td>
197198
<td>
198199
<td>

css3-align/child-target.jpg

24.7 KB
Loading

css3-align/content-target.jpg

-2.85 KB
Loading

0 commit comments

Comments
 (0)