flex_container,flexboxのように画面の横幅が狭くなった時に、表組みの全てや一部を並び替える機能がほしいです。
flexboxは並べた際に隙間が出来てしまうため、表組みと組み合わせても全体を1つの表として成形できません。
responsive_layoutを使用しても似たような状態で、表組み単体と同様の形状を維持することはできませんでした。
px
#
埋め込み先の背景色と馴染まない場合に指定して下さい。通常は埋め込み先の背景色をそのまま利用します。
px
wikiwikiスタイルでは文字サイズやフォントが自動的に調整されます。
次のコードをWIKIWIKIのページに埋め込むと最新のコメントがその場に表示されます。
// generating...
何をしたいのか想像しづらいですが、#nobrや#tablescrollの利用を検討してみてはいかがでしょうか。
どうしても並び替えた表を見せたいのであれば#tab_containerで2パターンの表を置くことはできます。
ありがとうございます。これから試してみます。
現在は画像と説明文を1セットとした横に長い1行の表組みを作成しています。
|画像|文字|画像|文字|画像|文字|... このような表組みです。
表組みでは画面サイズの影響で文字の折り返しが発生します。
画像のセルには背景色を設定していることもあり、セル自体のサイズが変化してしまうと見た目への影響が大きいです。
セルの縦横比を維持するために文字ではなく、表組み自体を折り返すことで見た目のバランスを維持したいと思い投稿させていただきました。
行・列の存在ではなく、画像とテキストの組み合わせを1セットとしてそれを縦横に並べていく目的なら、表ではなくcssboxとflexの組み合わせの方が向いています。
cssboxであればflexで生じる隙間を埋めることが可能ですし、サイズの下限・上限の指定や固定も可能です。