1

ボタンによってトリガーされる単純なjquery UIダイアログがあります。

function OpenGeneratePINsDialog() {
$("#generatePinsDialog").dialog('open');

}

私が欲しいのは、ラベルの隣に数字を表示することです。ブロック内に表示されなくなりました。

<div id="generateDialog" title="Generate New">
<label style="display:inline-block; width:200px;">The number generated: </label><div id="numberGenerated">1</div>
<br />
<label style="display:inline-block; width:200px;">ID+PIN</label><div id="combinationIDPIN">2</div>
<br />
<label style="display:inline-block; width:200px;">Same as ID</label><div id="SameWithID">3</div>

画像： 画像

4

3 に答える 3

0

HTML :

<div id="generateDialog" title="Generate New" class="mystyle">
<label>The number generated: </label><div id="numberGenerated">1</div>
<br />
<label>ID+PIN</label><div id="combinationIDPIN">2</div>
<br />
<label>Same as ID</label><div id="SameWithID">3</div>

CSS :

.mystyle label, .mystyle div {
  display:inline-block;
}

.mystyle label {
  width:200px; /* or whatever size you want them */
}
于 2012-11-08T18:57:49.190 に答える
0

「スパン」のように、数値にインライン要素を使用します。

<span id="numberGenerated">1</span>
于 2012-11-08T18:52:21.290 に答える
0

div を使用する場合、div はデフォルトでdisplay:block;

inline-block に設定すれば問題ありません。

<div id="numberGenerated" style="display:inline-block;">1</div>
于 2012-11-08T18:53:58.940 に答える