タイトルそのままなのですが、FC2ブログを利用しておりまして、
記事の中身の文章を画像も含めて中央揃えにする方法を教えてください。
<center></center>を利用して中央揃えにするのは知っているのですが、
いちいちタグを打ち込むのが面倒です。出来ることならcssの一部を変更して、一気に中央揃えに出来ると便利と思い、cssをいじってみたのですが上手くいかず・・・
使っているテンプレートは lace-d3c という名前です。
初心者・・・ではないので、ある程度複雑でも構いません。
丁寧に教えてくださる方、お願いします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
スタイルシートを編集します。
スタイルシートの入力部分を少しスクロールして
/*記事部分*/ と記されているところから少し下にある
.contents_body {
margin:10px 15px;
overflow:hidden;
}
を見つけてください。
そこへ text-align:center; を書き足します。
以下のようになります
.contents_body {
margin:10px 15px;
overflow:hidden;
text-align:center;
}
これで保存してください。
テンプレートのHTML・スタイルシートを編集する場合、
あらかじめバックアップをとっておくか
複製しておくことをお勧めします。
中央に揃える方法は2通りあるのですね。
こちらのやり方は単純明快で分かりやすくて良いですね。
この質問を期に、cssについて学んでみたいと思います。
ありがとうございました。
No.1
- 回答日時:
<div class="contents_body">
<div align="center"> ※※※
<%topentry_body>
<!--more_link-->
<!--BisEntryIfExtended-->
<span id="varP<%topentry_no>">
<a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;"> >> ReadMore</a>
</span>
<div id="varXYZ<%topentry_no>" style="display: none">
<%topentry_more><br clear="all">
<a href="#<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;">Return << </a>
</div>
<!--/BisEntryIfExtended-->
<!--/more_link-->
<!--more--><a name="more" id="more"></a> * * * <%topentry_more><!--/more-->
</div> ※※※
</div>
でいかがでしょうか?「※※※」が追加した部分です。
<%topentry_body>が本文、「続きを読む」が<%topentry_more>
の繰り返し変数(?)なので、
それらを<div align="center">で囲ってみましたら、
画像はわかりませんが記事はとりあえず中央になりました。
閉じタグの位置は自信ありません;
参考URL:http://fc2blogmanual.blog60.fc2.com/blog-entry-1 …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) Excelで、Excelの小テストで、中央揃えとかありますが、右クリックで、セルの書式設定から中央ぞ 3 2022/12/29 12:43
- FC2ブログ どうやるのか、さっぱり分かりません。ブログ引っ越したいと思っています(URLだけを変えたい)。 3 2022/12/01 07:40
- デスクトップパソコン QRコードの作り方と可能な範囲。 4 2022/11/13 13:46
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- gooブログ GOOブログ(有料版)内の本文以外の右サイド部分の項目の上下を入れ替えたいのですが。 1 2022/04/08 10:03
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- Excel(エクセル) csvに別のExcelの文章を差し込む 2 2023/04/01 16:06
- FC2ブログ FC2ブログで文字を小さくしたいです。小さくする方法を教えてください。 1 2023/08/26 00:46
- ビジネスマナー・ビジネス文書 こだわりすぎかも知れませんが。 人様のお名前を書いて行くときに、苗字が漢字二文字の人と一文字の方がい 2 2023/02/14 04:00
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
改ざんは修正や訂正という意味...
-
FC2ブログの追記展開方法
-
Powerpointの表のスタイルで好...
-
三つ折りのリーフレットを作りたい
-
WordPressのヘッダー上部の余白
-
FC2ブログのトップページの記事...
-
Becky!ver.2で、返信・転送用テ...
-
wordpressの投稿ページの格納場所
-
SEOテンプレートの「賢威」
-
ライブドアブログ 公開 下書き
-
ライブドアブログで字間を変えたい
-
エクセルで自営業ぽい毎日の売...
-
FC2ブログ自動表示日付の修正。
-
fc2掲示板 「メッセージ表示...
-
テンプレートの背景を変えない...
-
初心者にも簡単にできるホーム...
-
アクセス解析のデータが残りません
-
ブログのテンプレ
-
Fc2ブログにアクセス解析をつけ...
-
EXCEL2007のヘッダー・フ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
改ざんは修正や訂正という意味...
-
FC2ブログで、「続きを読む...
-
FC2ブログの追記展開のカスタ...
-
FC2ブログ、追記の編集が出...
-
fc2ブログで、記事の文章を中央...
-
FC2ブログで
-
iPhoneで作れる高級感のあるオ...
-
三つ折りのリーフレットを作りたい
-
はてなブログ 設定
-
Becky!ver.2で、返信・転送用テ...
-
FC2ブログでプロフィールが2つ...
-
Powerpointの表のスタイルで好...
-
ワードプレスに詳しい方に質問...
-
中央寄せの解除
-
FC2ブログ アクセス解析が反映...
-
word個人用テンプレートの削除方法
-
FC2ブログのトップページの記事...
-
Wordの「キーボードのユーザー...
-
FC2ブログのアクセスカウンター...
-
wordpressの投稿ページの格納場所
おすすめ情報