Archive for January 2010

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

  • Posted by: gnn • 2010/01/11

※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