コード初心者です。
初歩的なことで申し訳ありません。
背景・実現したいこと
印刷時に全体を中央寄せにする
@media print {
.layout-gaia showlayout-gaia {
margin-right:auto;
margin-left:auto;
}
エラー情報
エラーは出ていませんが、CSSが適用されていません。
印刷範囲全体（.layout-gaia showlayout-gaia ）の指定が間違っているのでしょうか。
以上、よろしくお願いいたします。
参考情報
追記
@media print {
#record-gaia{
margin-right:auto;
margin-left:auto;
}
こちらも試してみましたが反映されず、でした。
関石さん
お世話になっております。
showlayout-gaiaもクラス名であるため先頭にドット「.」が必要です。
また、半角スペースで区切ると子孫関係になるため、今回は半角スペースを除去する必要があります。
.layout-gaia.showlayout-gaia
CSSセレクタで検索すると、記述方法が出てきます。
https://www.asobou.co.jp/blog/web/css-selectors
返信遅くなり申し訳ありません。
ご回答ありがとうございます。
.layout-gaia.showlayout-gaia
上記に修正いたしましたが、反映されずでした…
関石さん
お世話になっております。
私の環境では、下記で動作しました。
@media print {
.layout-gaia.showlayout-gaia {
margin-right: auto;
margin-left: auto;
}
}
↓CSS適用後
閉じカッコ「}」が不足しているということはないでしょうか？
また、キャッシュが残っているといったことはないでしょうか？
http://www.csr.jp/column/browser/browser-cache
江田様
ご回答ありがとうございます。
閉じかっこも確認して問題なさそうでした。
キャッシュもクリアしましたが、やはり反映されずでした。
現在のプラグインを添付いたしましたが、設定や入力ミスがありそうでしょうか…
お手数をおかけして申し訳ありません。
このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。