ＣｕｓbｌO |
忍者ブログテンプレートカスタマイズ ブログテンプレートＣＳＳ／ＨＴＭＬカスタマイズ覚書 忍者用ブログテンプレート作成中
画像テキスト回り込みと解除
回り込みとは：正式には 行揃えと呼ばれている。回り込みをさせるとどのようになるか？
テーブルを使わなくても
左右に画像と文字をならべてきれいに配置できる
以下参照
画像が左に配置される。文章を書くとこのように表示され
すっきりとまとまりのある配置になる。
タグはＨＴＭＬで制御する。記事の場合 簡素版のエディタ で変更する
<img alt="画像オンマウスで表示される文字を記入 上の画像にマウスをあててみるとボーダーと表示されることがわかるく" align="left" src="http://blog.cnobi.jp/v1/blog/user/fe73c97e11bb52dd93d679c582a45d74/1269939461" /> 行揃えを左回りこみ指定した場合<br />
回り込みのデメリット文章行数より画像が縦に長い場合、回り込ませたくないものまで回り込んでしまう
解除する方法スタイルシート
<p style="clear:right">文章は画像の下側になっているはずです。</p>
right center leftで文字位置を指定
もしくは
回り込ませた文章の最後か解除したい文章の先頭に<br clear="all">
PR
この記事にコメントする
これで良いのかテンプレート チョＨＴＭＬ５・・・って まずくなぁ～～い？ＳＥＯ« HOME »Ｇｏｏｇｌアドサイトマップテンプレートカスタマイズ
最新記事
(06/23)
(06/19)
(05/14)
(05/14)
(04/28)
カテゴリー
最新トラックバック
ジェネレーター リンク
ソフト不要で作成カスタマイズできる
ＣＳＳ／ＨＴＭＬ
ブログ：
ネーム：
かすぽ
趣味：
美しい・綺麗なものの鑑賞
自己紹介：
ＣｕｓＢｌｏスタート：２０１０．０３．０７
３月１６日１作目完成とどうじに愛猫天使記念日
最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中
３月１６日１作目完成とどうじに愛猫天使記念日
最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中
素材配布サイト様へ：リンク漏れが有る場合以下の専用ページにコメントください
