1. ホーム
2. サポート
3. Dreamweaver

文字の間に複数のスペースを挿入するには

内容

Dreamweaver はスペースバーを押しただけでは、１つ以上のスペースを挿入することはできません。キーボードのスペースバーでは、複数のスペースを挿入しようとしても無視されてしまいます。

理由

ブラウザは連続して挿入されているスペースを無視し、１つのスペースとして表示してしまいます。Dreamweaver でもこのブラウザ側の仕様に対応させるため、連続した複数のスペースを挿入できないようにデフォルトで設定してます。

回避策

・ デフォルトの環境設定を変更するには：
[編集]＞[環境設定]＞[一般]の[編集オプション]欄にある、[連続するスペースを入力可能にする]にチェックを入れます。

メモ： このオプションは Dreamweaver MX、および Dreamweaver MX 2004 でのみ使用できます。

・ 区切りなしスペースの挿入
区切りなしスペース（ ）はシングルスペース用の HTML コードです。ブラウザは、連続した複数の区切りなしスペースを表示させるので、行に複数のスペースを表示させたい場合は下記の設定をお試しください。

区切りなしスペースを挿入するには：

1. 挿入させたい場所にカーソルを移動させます。
2. 区切りなしスペースを挿入すには、Control + Shift + Space (Macintosh: Option + Space)を押します。または、[挿入]＞[HTML]＞[テキストオブジェクト]＞[プリフォーマットテキスト]を選択します。
   
   例えば、下記の文章には複数のプリフォーマットテキストが挿入されています。
   
   

   This sentence has several        non-breaking spaces   in it.
   
   このとき、コードは下記のようになります。
   
   This sentence has several        non-breaking spaces   in it.

・ <pre> タグの使用
<pre>....</pre> タグで囲まれたプリフォーマットテキストは、コードで表示されているようにページ上では表示されない場合もあります。連続して挿入されているスペースやタブ、新しいライン、空白等がソースで表示されていると、ブラウザ上でもその通りに表示されます。プリフォーマットを適応したテキストは、自動的に折り返し表示することはありません。

テキストに<pre> タグを適応させるには：

1. 挿入させたい場所にカーソルを移動させます。
2. [プロパティ]インスペクタ内にある[フォーマット]ポップアップメニューから、[プリフォーマット]を選択します。
3. テキストを挿入してください。[プリフォーマット]が選択された状態ですと、下記のように表示されます。
   

   This  sentence    has    more than   one space between characters, and two breaks in  the line.

こ の例では、ソースコードに区切りなしスペース（ ）を挿入していません。ブラウザ側では、<pre> タグで囲まれたテキストにある空白を、そのまま表示させます。

追加情報

関連情報として、下記のテクニカルノートもご参照いただけます。

Avoiding the line of space which appears between paragraphs or lines of text* (TechNote 12718)

Using CSS to modify the spacing between paragraphs or lines of text* (TechNote 16180)

このテクニカルノートは、米国 Macromedia, Inc. の Adding more than one consecutive space between words* を元に作成されました。