本文へジャンプします。



ココログサポート Top>>Tips List>>本文を字下げしたいとき (thread)

tip

本文を字下げしたいとき

ココログの記事にプログラムのリストをカットアンドペーストしたり、

●中見出し
 本文

のように字下げしたいとき、半角スペースを使うと、編集するときは字下げされますが、ブログには反映されません。

こういうときは、全角スペースを使うとブログ上も残ります。

どういう仕組みで全角スペースが残るのか、よく解っていないのでこの仕様が今後もキープされるか不安ですが、ココログをこの2年間ほど試した経験上、字下げには全角スペースというのが、現在の私の結論です。

のんき | | permalink | 記事の投稿/管理

Re: 本文を字下げしたいとき
先頭の半角スペースが空かないのは、英文などを入力したとき、例えば、
They are のTheyの直後で折り返したときに行頭に不要な半角が入らないためのようです。

ホームページを作成するときなど、一般的には半角スペースを入れたい場合は、明示的に「 」と記述するのを推奨され、複数の半角スペースを挿入しても1つ分しかスペースがあかないのですが、ココログの場合、複数の半角スペースを入力した場合、面白い動きをするようです。

下は、文頭で半角スペースを2回押して「あああ」と入力し、「HTMLの編集」に切り替えて見たものですが、

<p>&nbsp; あああ</p>

と、「あああ」の前は「&nbsp;」+半角スペース になっています。

半角スペース4つだと、

<p>&nbsp; &nbsp; あああ</p>

となり、どうやら2つの半角スペースで「&nbsp;」+半角スペースに変換されるようです。

ちょっとした癖ですね。

大師小ブログ主 | |

Re: 本文を字下げしたいとき
普通の文章ではなくてプログラムソースコードを見せたい時限定ですが、
<p></p>の代わりに<pre><code></code></pre>で括れば<br />無しの改行や字下げが出来ると思います。
ただ、1行が記事枠より長い時にはみ出てしまう欠点はありますが。CSSで
pre { overflow: scroll }
と指定すればスクロール表示できるようにはなります。

JUMA | |

Re: 本文を字下げしたいとき
大師小ブログ主さん、JUMAさん、コメントありがとうございます。
<pre><code></code></pre>とpre {overflow: scroll}は知りませんでした。今度試してみます。

のんき | |