A4 Print用 div並列(display:flex)div.html
meta name="viewport" content="width=750px"
BODY style="width:700px;margin-left:30px;font-size:24px;line-height:20pt;" A4版印刷100% margin-left:0px;         ..... A4 Print用 700px 幅
div(Table)を並べる方法。div display:flex に入れて、子 div table など 4個並べる。
(div float left を使わない。clear:both面倒)
子 divの配置は、 justify-content:flex-end,space-between;等がある。

 DIV 1  
div 2 width:350px;height:100px
div 3 width:250px;height:70px
div 4 width:250px;height:70px
flex-wrap:wrap; --- 折り返す配置。並べる 子div 4個 を はみ出たら、折り返す配置。
yellow;height:200pxなら、100pxで 2段。

div width,height なしは、中身に合わせる
divおり紙を26まいもっています。 きのう 8まい つかいました。きょう 9まい つかいました。 あとなんまいのこっているでしょう。
・ しき

・ しき2

flex-end
改ページ


input style='width:500px;height:10px; border:0px;' を使った 行間空白 の表し方
もんだい
・divを使った右配置(前space)

divおり紙を26まいもっています。 きのう 8まい つかいました。きょう 9まい つかいました。 あとなんまいのこっているでしょう。
・ しき

・ しき2

flex-end


input と inputの間に改行あると、隙間ができる。

space


細かいレイアウトは、tableが組みやすい。(古典的方法)
valign="bottom/top" align="center/right" , style="text-align:center/right;vertical-align:middle;

1. おり紙を26まいもっています。
きのう 8まい つかいました。きょう 9まい つかいました。
あとなんまいのこっているでしょう。
・ しき

・ かっこを使ったしき