31

ドロップダウンリストで、リストのオプションの前にスペースを追加する必要があります。やっています

<select>
<option>&#32;&#32;Sample</option>
</select>

2つのスペースを追加しますが、スペースは表示されません。オプションテキストの前にスペースを追加するにはどうすればよいですか？

4

15 に答える 15

30

&#160宇宙の実体ではないですか？

<select>
<option>&#160;option 1</option>
<option>    option 2</option>
</select>

私のために働く...

編集：

これを確認したところ、古いブラウザでは互換性の問題がある可能性がありますが、ここではすべて正常に機能しているようです。置き換えたいと思うかもしれないので、私があなたに知らせなければならないと思った&nbsp;

于 2008-08-25T08:06:18.490 に答える
25

文字列で\xA0を使用します。C＃モデルデータをドロップダウンにバインドしている間、これは完璧に機能します...

  SectionsList.ForEach(p => { p.Text = "\xA0\xA0Section: " + p.Text; });
于 2013-07-25T10:21:17.957 に答える
14

私はあなたが欲しいと思う&nbsp;か&#160;

したがって、例の修正バージョンは...

<select>
  <option>&nbsp;&nbsp;Sample</option>
</select>

また

<select>
  <option>&#160;&#160;Sample</option>
</select>
于 2008-08-25T08:06:27.507 に答える
9

Rob Cooper が指摘したように、古いブラウザとの互換性の問題がいくつかあります (IE6 では実際の文字「& nbsp;」が表示されます)。

これは、ASP.Net でそれを回避する方法です (私は VS を開いていないので、これが実際にどの文字に変換されるかわかりません):

Server.HtmlDecode("&nbsp;")
于 2010-09-10T14:45:35.330 に答える
8

私は複数のことを試しましたが、うまくいったのはjavascriptを使用することだけでした。js はエンティティに関することを認識していないため、html エンティティではなくスペースに Unicode コードを使用していることに注意してください。

$("#project_product_parent_id option").each(function(i,option){
  $option = $(option);
  $option.text($option.text().replace(/─/g,'\u00A0\u00A0\u00A0'))
});
于 2014-07-20T05:26:00.643 に答える
5

alt+space (Mac の場合) を押して改行しないスペースにすることもできます。Drupal は html エンティティをデコードするため、Drupal モジュールに使用します。

于 2010-10-27T12:29:26.620 に答える
4

CSSパディングでもこれを達成できるとほぼ確信しています。<option>そうすれば、すべてのタグにスペース文字がハードコードされていることに悩まされることはありません。

于 2008-08-25T10:26:43.770 に答える
4

@Brian

I'm nearly certain you can accomplish this with CSS padding, as well. Then you won't be married to the space characters being hard-coded into all of your tags.

Good thinking - but unfortunately it doesn't work in (everyone's favourite browser...) IE7 :-(

Here's some code that will work in Firefox (and I assume Op/Saf).

<select>
    <option style="padding-left: 0px;">Blah</option>
        <option style="padding-left: 5px;">Blah</option>
            <option style="padding-left: 10px;">Blah</option>
    <option style="padding-left: 0px;">Blah</option>
        <option style="padding-left: 5px;">Blah</option>
</select>
于 2008-08-25T11:37:15.910 に答える
3

のような等幅フォントでchar 255 (テンキーで ++ と入力) をAlt使用2するだけです5。5Courier New

于 2012-06-11T19:31:36.670 に答える
2 
&nbsp;

やってみてもらえますか？それとも同じですか？

于 2008-08-25T08:03:50.243 に答える
1

Server.HtmlDecode("&nbsp;")私のために働いたのはそれだけです。

それ以外の場合、chrはテキストとして出力されます。

listitemの属性としてパディングを追加しようとしましたが、影響はありませんでした。

于 2011-02-23T14:28:03.940 に答える
1

私も同じ問題を抱えていたので、できるだけ早くこれを修正する必要がありました. 私はたくさんグーグルで検索しましたが、簡単な解決策を見つけることができませんでした.

代わりに、独自のソリューションを使用しましたが、適切なソリューションかどうかはわかりませんが、私の場合は機能し、正確に何をする必要がありました。

したがって、ドロップダウンに ListItem を追加し、スペースを追加する場合は、次を使用します。

テンキーを押しALTて入力0160すると、 のようになりますALT+0160。スペースを追加します。

ListItem("ALT+0160 ALT+0160 TEST", "TESTVAL")
于 2014-05-15T09:33:12.837 に答える