Archive for January 2010

行の頭や字下げ(インデント)を揃えたい

※HTMLタグを指定する上級者向けの操作です

改ページを強制的に指定したい場合は、ブログの本文を、HTMLとして編集する必要がございます。ブログにはこうした編集モードが存在するはずですので、詳細は、お使いのブログサポート係にお問い合わせ下さい。

行頭や字下げをそろえ、等間隔に配置したい場合、ワープロソフト等ではTABキーで空白を挿入して調整しますが、HTMLでは通常、このTABが無視されるためうまく単語の間隔が揃いません。そこで、TAB区切りを有効にするように、下記のようなタグを前後に挿入します。


<span style="white-space: pre;margin: 0;font-family: monospace;">
 開催場所		東京都○○ホール
 日時		2010年12月25日 15:00~
 料金		大人5000円・子供3000円</span>
  ↑↑TABキーで空白を入力して調整↑↑
この<span style="white-space: pre;">~</span>というタグで囲った行の間では、TABスペースや空白が、入力されたままの間隔で維持されます。

表示結果
 開催場所 東京都○○ホール  日時 2010年12月25日 15:00~  料金 大人5000円・子供3000円

null null