<!
DOCTYPE HTML >
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<
html ><
head >
<
meta charset=
"utf-8" >
<
title >CSS Flexbox Test:
caption size test for
table flex items</
title >
<
link rel=
"author" title =
"Mats Palmgren" href=
"https://bugzilla.mozilla.org/show_bug.cgi?id=1334403 " >
<
link rel=
"help" href=
"https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal " >
<
link rel=
"match" href=
"flexbox-table-flex-items-1-ref.html" >
<
style type=
"text/css" >
* { vertical-align: top; }
.flex {
display: inline-flex;
border:
3 px solid grey;
height:
73 px;
width:
110 px;
align-items: start;
}
table {
border:
1 px solid;
padding:
0 ;
margin:
0 ;
background: lightgrey;
flex: auto;
min-width:
0 ;
min-height:
0 ;
}
caption { border:
1 px dashed blue;}
x { display:block; width:
16 px; height:
16 px; }
t { display:block; width:
30 px; height:
20 px; }
i:nth-of-type(
1 ) { width:
10 px; height:
20 px; }
i:nth-of-type(
2 ) { width:
20 px; height:
10 px; }
.hma10 { margin:
7 px
3 px
1 px auto; }
.hmaa { margin:
7 px auto
1 px auto; }
.vma10 { margin: auto
7 px
3 px
1 px; }
.vmaa { margin: auto
7 px auto
1 px; }
.vr { writing-mode: vertical-rl; }
</
style >
</
head >
<
body >
<
div class=
"flex" ><i></i><
table cellpadding=
0 cellspacing=
0 class=
"hma10" ><
caption ><x></x></
caption ><
td ><t></t></
td ></
table ></
div >
<
div class=
"flex" ><i></i><
table cellpadding=
0 cellspacing=
0 class=
"hmaa" ><
caption ><x></x></
caption ><
td ><t></t></
td ></
table ><i></i></
div >
<
div class=
"flex" ><i></i><
table cellpadding=
0 cellspacing=
0 class=
"vma10" ><
caption ><x></x></
caption ><
td ><t></t></
td ></
table ><i></i></
div >
<
div class=
"flex" ><i></i><
table cellpadding=
0 cellspacing=
0 class=
"vmaa" ><
caption ><x></x></
caption ><
td ><t></t></
td ></
table ><i></i></
div >
<
div class=
"flex" ><i></i><
table cellpadding=
0 cellspacing=
0 ><
caption class=
"hma10" ><x></x></
caption ><
td ><t></t></
td ></
table ><i></i></
div >
<
div class=
"flex" ><i></i><
table cellpadding=
0 cellspacing=
0 ><
caption class=
"hmaa" ><x></x></
caption ><
td ><t></t></
td ></
table ><i></i></
div >
<
div class=
"flex" ><i></i><
table cellpadding=
0 cellspacing=
0 ><
caption class=
"vma10" ><x></x></
caption ><
td ><t></t></
td ></
table ><i></i></
div >
<
div class=
"flex" ><i></i><
table cellpadding=
0 cellspacing=
0 ><
caption class=
"vmaa" ><x></x></
caption ><
td ><t></t></
td ></
table ><i></i></
div >
</
body >
</
html >
Messung V0.5 in Prozent C=90 H=98 G=94
¤ Dauer der Verarbeitung: 0.12 Sekunden
(vorverarbeitet am 2026-06-07)
¤
*© Formatika GbR, Deutschland