Work Life Fun

Marpのヘッダー・フッターを中央寄せにするCSSの注意点

作成:
カテゴリー: 業務効率化
タグ: Marp Markdown

セミナー資料をさっと作りたいときに、PowerPointなどGUI環境による操作が必要なソフトは面倒です。

また、普段の業務の大半でMarkdownを利用しているため、Markdownからそのままセミナー資料を作ることができたら楽、ということで以前はReveal.jsを利用していましたが、最近は、Marpに少しずつ移行しています。

関連:パワポもKeynoteも不要! プレゼンはreveal.jsで簡単に!

Marp

Marp(Markdown Presentation Ecosystem)は、Markdownの記述をプレゼン形式のHTML、PDF、PowerPointに変換してくれるフリーのツールです。

装飾的な部分は、CSSに任せることができ、伝えたい・書きたい内容に注力できます。

また、テキストファイルとして管理できるため、ファイル容量は軽く、使い回しも容易、と良いこと尽くしです。

Marpの使い方は、以下で丁寧にまとめられています。

参考:Marp(Marpit)

Marpのヘッダー・フッターを中央寄せにする

CSSで文字をセンタリング(中央寄せ)にするときは、


header, footer {
    text-align: center;
}

で良いはずなのですが、当初この設定が効かず、ちょっと苦労しました。

以下のように、widthを設定することで解決、無事センタリングができました。誰かのお役に立てば幸いです。


header, footer {
    width: 100%;
    text-align: center;
}

【無料】毎月1回、効率的に人事労務の情報を入手しませんか?

  • 毎年のように改正される労働法令への対応に頭を悩ませている
  • 働き方の見直しといっても、具体的な実務でどう対応すれば良いかわからない
  • 総務や経理などの他の業務を兼務しているので、人事労務業務だけに時間を割けない

といった悩みを抱える経営者・人事労務担当者向けに、公開型のブログでは書けない本音を交えた、人事労務に関する情報・ノウハウ、時期的なトピックをメールマガジンを配信しています。

過去の配信分は公開しません。情報が必要な方は、いますぐ以下のフォームから購読の登録をしてください。購読して不要と思ったら簡単に解除できますのでご安心ください。

なお、あべ社労士事務所では、信頼できる社労士仲間を増やしていきたいという想いから、社労士が業務を行う上で役立つ情報提供も行っています。ご関心があればこちらをクリックしてご登録ください。