![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
タイトルそのままなのですが、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ブログ 勝手に「続きを読む...
-
FC2ブログの下書き保存場所...
-
「fc2ブログへようこそ」を消す...
-
htmlとcssで分数を表示後、分数...
-
テンプレート変更時のアクセス...
-
Excel 起動時に開くテンプレー...
-
中央寄せの解除
-
Outlook2010テンプレートを簡単...
-
Becky!ver.2で、返信・転送用テ...
-
FC2ブログ自動表示日付の修正。
-
テンプレート方法
-
gooブログではヘッダーの編集は...
-
gooブログのテーブル崩れ助けて...
-
FC2ブログをやっています。
-
ブログのタイトルとブログの説...
-
word個人用テンプレートの削除方法
-
FC2ブログのテンプレで記事の横...
-
ブログ記事内に文章を左右2列に...
-
wordpress,simplicity スマホ時...
-
売り上げ表の作り方、テンプレート
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
改ざんは修正や訂正という意味...
-
ブログの【追記】の意味。
-
fc2ブログで、記事の文章を中央...
-
テンプレートのカスタマイズに...
-
FC2ブログ 勝手に「続きを読む...
-
CD-RWの追記について
-
自分の質問の検索方法について
-
FC2ブログで
-
ヤプログ
-
FC2ブログ、追記の編集が出...
-
goo ブログのレイアウトが崩れ...
-
貧乏ゆすりは身体にいいの?
-
エキサイトブログの・・・。
-
こせきあやの ヒット 人物
-
fc2ブログの「たたむ」機能につ...
-
Fc2ブログ 文字の大きさを変え...
-
FC2ブログの「続きを読む」に関...
-
あなたは何フェチ??
-
プログラミングについて。
-
FC2ブログの追記展開方法
おすすめ情報