21

HTML がスペースの影響を受けないことは知っています。しかし、単語やフレーズの間に空白を作るにはどうすればよいでしょうか。<p></p>この種のタグを試してみましたが、HTML は自動的に省略します。

誰かがサンプルコードを教えてくれますか?

4

12 に答える 12

34

&nbsp;、別名Non-Breaking Spaceを使用できます。

これは本質的には標準的なスペースです。主な違いは、ブラウザーがテキストの行をこの位置で改行 (または折り返し) してはならないこと&nbsp;です。

于 2012-08-27T15:11:34.553 に答える
22 
&nbsp;

これにより、探しているスペースが得られます。

于 2012-08-27T15:11:20.230 に答える
5

他の人がすでに回答したように、$nbsp;改行なしのスペース文字を出力します。これは、およびその他の w3 ドキュメントです&nbsp。

ただし、それを行うには他の方法があり、現在はCSS スタイルシートを使用することを好みます。初心者向けの w3c チュートリアルもあります。

CSS を使用すると、次のようにできます。

<html>
    <head>
        <title>CSS test</title>
        <style type="text/css">
            p { word-spacing: 40px; }
        </style>
    </head>
    <body>
        <p>Hello World! Enough space between words, what do you think about it?</p>
    </body>
</html>
于 2012-08-27T15:36:10.617 に答える
2

改行なしスペースまたは実スペースをhtmlのテキストに追加するには、 &nbsp;character エンティティを使用できます。

于 2016-05-29T15:17:42.670 に答える
2

「スペースに鈍感」というのは単純化しすぎです。より正確な説明は、通常のコンテンツでは、連続する空白文字 (スペース、タブ、改行) は単一のスペースと同等であるということです。

スペース文字を使用して単語の間に空白を作成します: 「hello world」。より多くのスペースが必要な場合は、通常のテキスト コンテンツでは意味がないため、何をしているのかを検討する必要があります。間隔要素には、CSSmarginプロパティを使用します。

有用なサンプル コードを取得するには、マークアップや目的のレンダリングの説明など、特定の問題を説明する必要があります。

于 2012-08-27T16:35:36.643 に答える
0

段落のインデントを探している場合は、CSS で「text-indent」宣言を行うことができます。

<!DOCTYPE html>   
 <html>
        <head>
            <style>
                p { text-indent: 50px; }
            </style>
        </head>
        <body>
            <p>This paragraph will be indented by 50px. I hope this helps! Only the first line will be indented.</p>
        </body>
    </html>
于 2015-01-18T20:48:52.647 に答える
0

リテラルの改行なしのスペース記号 (はい、コピー/貼り付けできます)、HTML エンティティを使用するか、事前にフォーマットされた大きなブロックを扱っている場合は、white-spaceCSS プロパティを使用します。

于 2012-08-27T15:35:53.193 に答える
-2

Web サイトの編集中にHTMLに空白スペースを残したい場合は、それを使用<br />して最後のページの下にコピー アンド ペーストし、十分なスペースができるまで続けます。それが役に立てば幸い。

于 2015-06-19T11:02:51.107 に答える