＆amp; nbspの代わりにスペースを作成/生成するエレガントな方法はありますか？

StackOverflow https://stackoverflow.com/questions/1803967

  •  05-07-2019
  •  | 
  •  

質問

HTMLファイルにスペースを生成する必要があります。

役に立ちましたか？

解決

すべてはコンテキストに依存します。文字間隔、ワード間隔、または周囲のスパンのパディングなどを使用できます。

詳細な情報がなければ、良いアドバイスをすることは不可能です。

編集：テキストで使用する場合/単語間で使用する場合は、単語間隔とおそらく文字間隔を使用します。

他のヒント

＆amp; nbsp または＆lt; pre＆gt; タグを使用します。 ＆lt; pre＆gt; タグは、すべてのスペース、タブ、改行を保持します。

編集
使用に関するコメントについては、パディングについては、 cssパディング <をご覧ください。 / p>

＆amp; nbsp;

はほとんど使用しません

margin および padding プロパティは、間隔に対してはうまく機能し、改行に対しては＆lt; br /＆gt; がうまく機能します。 （＆lt; br /＆gt; も頻繁に使用しません。）

＆amp; nbsp;改行しないスペースです。または、新しい行を生成するためだけに＆lt; br /＆gt; （XHTMLがあります）タグを使用できると思います。

iはCSSクラスでスパンを使用します。
spacer_1、spacer_2、spacer_3などのクラスがいくつかあります。
このように異なる水平パディングを使用しています

.spacer_1
{
    padding:0px 5px;
}

このスペーサーを使用するには、次を使用できます

<span class="spacer_1" /> /*this will generate half the gap*/
<span class="spacer_1"></span>
<span class="spacer_1">|</span>

ただやる：

/* in your css code:  */ 
pre
{
  display:inline;   
}

<!-- and then, in your HTML markup: -->

<pre>    this text comes after 4 spaces.</pre>
<span> continue the line with other element without braking </span>

ヤコビーは正しい。しかし、私は何か違うことがあります：

<head>

<style type="text/css">
    .left-space { margin-left: 10px; }
</style>

</head>

<body>

<div>
   <p>This is a test line.<span class="left-space">This is a line with space before it.</span></p>
</div>

</body>

そして、ちなみに、＆amp; nbsp; を＆amp;＃160; に置き換えて、XHTMLに準拠する必要があります。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top