空いている箇所はそのうちに埋めます。https://adventar.org/calendars/5027FlexBoxはご存じ様々な画面サイズに応じて表示するコンテンツのサイズを柔軟に変えてくれるCSSです。https://www.w3.org/TR/css-flexbox-1/「画面が固定(ページサイズ)のXSL-FOでは必要ないのでは」という。「みたいな」と書いた通り、本記事の話題はつまる所display:inline-blockです。これもあまり話す要素はなくって、<fo:inline-container>を親に持つ<fo:block>で大体期待通りになります。</fo:inline-container></fo:block>幅サイズを指定しないとブロックらしく行一杯に広がりますし、それぞれの幅(inline-progression-dimension)を変更すればこんな感じにもできます。インラインコンテナ自体の使い方としては他に部分的な縦書きや疑似的にルビを組む方法などがあります[1]。FlexBoxがフレキシブルな所といえば、配置方法の細かな制御です。最たる「幅指定全部autoだけど上手いこといく」幅の制御などは流石にXSLTとかで頑張ってもらうしかありませんが、通常行をjustify、最終行をcenterあたりはなんとかなります。Analytics設定してみました。バッジを贈って著者を応援しようバッジを受け取った著者にはZennから現金やAmazonギフト券が還元されます。Analytics設定してみました。バッジを贈るバッジを贈るとは?Zennエンジニアのための情報共有コミュニティAboutZennについて運営会社お知らせ・リリースGuides使い方Publicationよくある質問LinksTwitterGitHubメディアキットLegal利用規約プライバシーポリシ。