これ並みに、ブログを投稿する際、自動的に横並びになった画像をセンタリングさせるにはHTMLやCSSにどのようなタグを挿入すればよいのでしょうか?使いたいブログを初期設定の状態で記事投稿画面から画像(小さいです)を3...ってまじどす!
質問
ブログを投稿する際、
自動的に横並びになっ
た画像をセンタリング
させるにはHTMLやCSSにど
のようなタグを挿入す
ればよいのでしょうか
?使いたいブログを初期
設定の状態で記事投稿
画面から画像(小さい
です)を3枚横並びになるよう
貼り付けて投稿すると
、閲覧画面では縦一列に
並んでしまうので、フレームやエントリー
部分の幅が狭いのかな
と思い、HTML・CSS編集
画面の数字を変更して
みたのですが変わりま
せんでした。そこでタグ知識は全く
ないのですがネットで
調べてみた結果、CS
Sのpict { display:b
lock; text-alig
n:center; margin:0
auto; }のdisplayの「
block」の部分を
「inline」にし
てみると横並びにはなったので
すが、「text-alig
n:center;」
の部分が打ち消されて
しまうらしく、画像も文字と同じ左寄
せになってしまいまし
た。画像を横並びのままセ
ンタリングさせたいの
ですが、どうすればよいのでし
ょうか。HTMLの、あるいは
CSSのどの部分をお
見せすればご説明できるかすら分
からないので、「ここを見ないと分か
らない」という所があ
りましたらご指摘くだ
さい。ブログはhttp://dlsght-gdsmck.jugem.jp/で
す。
回答
★ いろいろやり方はあります簡単な方法は下記です。<div align="center"><img src="画像のURL" width="220" height="293"> <img src="画像のURL" width="220" height="293"> <img src="画像のURL" width="220" height="293"></div>◆ <div align="center"> は <center> でもOKです<center><img src="画像のURL" width="220" height="293"> <img src="画像のURL" width="220" height="293"> <img src="画像のURL" width="220" height="293"></center>◆ img タグと imgタグの間にスペースを入れれば、空間ができます。
スポンサーサイト
ブログを投稿する際、
自動的に横並びになっ
た画像をセンタリング
させるにはHTMLやCSSにど
のようなタグを挿入す
ればよいのでしょうか
?使いたいブログを初期
設定の状態で記事投稿
画面から画像(小さい
です)を3枚横並びになるよう
貼り付けて投稿すると
、閲覧画面では縦一列に
並んでしまうので、フレームやエントリー
部分の幅が狭いのかな
と思い、HTML・CSS編集
画面の数字を変更して
みたのですが変わりま
せんでした。そこでタグ知識は全く
ないのですがネットで
調べてみた結果、CS
Sのpict { display:b
lock; text-alig
n:center; margin:0
auto; }のdisplayの「
block」の部分を
「inline」にし
てみると横並びにはなったので
すが、「text-alig
n:center;」
の部分が打ち消されて
しまうらしく、画像も文字と同じ左寄
せになってしまいまし
た。画像を横並びのままセ
ンタリングさせたいの
ですが、どうすればよいのでし
ょうか。HTMLの、あるいは
CSSのどの部分をお
見せすればご説明できるかすら分
からないので、「ここを見ないと分か
らない」という所があ
りましたらご指摘くだ
さい。ブログはhttp://dlsght-gdsmck.jugem.jp/で
す。
回答
★ いろいろやり方はあります簡単な方法は下記です。<div align="center"><img src="画像のURL" width="220" height="293"> <img src="画像のURL" width="220" height="293"> <img src="画像のURL" width="220" height="293"></div>◆ <div align="center"> は <center> でもOKです<center><img src="画像のURL" width="220" height="293"> <img src="画像のURL" width="220" height="293"> <img src="画像のURL" width="220" height="293"></center>◆ img タグと imgタグの間にスペースを入れれば、空間ができます。
スポンサーサイト




