電子漂流のはなし

海図作成室 / 150

150
katka_yg 2026/09/05 (土) 20:35:33 修正 >> 136

CSSの迷路

flexboxの自動マージンを調節するのが難しく、ルーブ原点でもページ下段に生じるそのぶんの余白が揃わない。インクルードするときに背景色塗っているので今のところテーブルで読み込んでいるのと同じだ。これだとアスラ-ガラハドのところは統合しても変なことになる。

要図パーツをもう一回検討して、すべて各列で色も塗るようにすれば、同じルールなので同様に揃う。それと、図の外にグリッド線を上手く書けないみたいだが、それもパーツの各行に書いてしまう手もある。そこまでやれば必ず縦幅が揃う。ちょっと大変じゃないか……?

通報 ...
  • 151
    katka_yg 2026/09/05 (土) 21:00:55 修正 >> 150

    グリッド線書けない。むしろこの線は廃止してもいいけど、そのほうが綺麗だけど海図編集が難しくなるかもしれないな……。思いがけず厄介だったが、cssboxであらかじめ色を塗って、またcssboxの色範囲内に読み込むなんておかしい。配図用のboxはflexboxの自動余白を潰す重ね合わせ操作に使うだけの、透明にするべき。原点の周りで実験してみようか。

  • 152
    katka_yg 2026/09/05 (土) 21:05:45 修正 >> 150

    ちょっと今夜のことにならないな。ここまで、全座標ページの余計なものを削ったまでは間違っていないし、今悩んでいるのも基本的にはもともとおかしなことをしているのを直そうとしているので、悩む方向は合ってる。迷走はしてない。作業スレッドを仕切り直して、次回にしよう。

  • 153
    katka_yg 2026/09/05 (土) 21:19:39 修正 >> 150

    flexboxとcssboxの親子関係が左右で合ってなく、flexboxをcssboxの子にするとflexの自動余白(かならず10充てられる)を一緒に塗ってしまうのを削るのが難しい。細かいことをするならcssboxは余計なものを含まない、必要事項だけを含む最下層に置く。

    marginかpaddingのパラメータを必ず効かせるためには上下左右でもどれかに「auto」が入っていると、右にautoが入っていても上に指定が効かないことがあるので、微調整が要るならどの値もautoにはせず0pxと書く。もっとも、そんな細かい視覚的表現にいつも悩むようなお絵かき場では本来ない。

    cssboxのパラメータで全て指定するということは、ごまかしが効かないということでもある。ふつうの用途ではautoでよい。

    このborderは必ず上下左右に表示しなければならないのか、忘れた。「上下のみ」のような変な枠線をもしかしたら出せるのかもしれないが、そんな奇怪なことに悩むくらいなら枠線は廃止する。