3

目的が異なる2つの送信ボタンを含むページがあり、テーブル内に割り当てられています。同じ行に配置しようとしています。

htmlは

<td>
<div>
Involved: 
<form>
<input type="submit" value="Add from list">
</form>
 <p>or</p>    
<form>
<input type="submit" value="Type a name">
</form>
</div>
</td>

上記はボタンと単語を同じ行に生成します。同じ行で発生させたいです。

「関与（名前を入力）または（リストから追加）」のように見えますが、

これを行う方法を知っているかもしれません。

ありがとう、

4

6 に答える 6

5

<div>テーブルではなく使用できます。ボタンに次の CSS 値を指定します。display:inline-block;

于 2013-04-13T10:50:03.543 に答える
2

このcssを試してください

div#frm *{display:inline}

とhtml

<div id="frm">
Involved: 
<form>
<input type="submit" value="Add from list">
</form>
 <p>or</p>    
<form>
<input type="submit" value="Type a name">
</form>
</div>
于 2013-04-13T10:58:51.040 に答える
2

あなたはあなたのhtmlを台無しにしています、それほど多くの要素は必要ありません

<td>
  <form>Involved: <input type="submit" value="Add from list"> or <input type="submit" value="Type a name"></form>
</td>
于 2013-04-13T10:47:14.433 に答える
1

まず、途中で終了 div ブロックがあるため、コードが有効ではありませんでした。

次に、フォームはブロック要素です。そのため、ブラウザーは新しい行にのみ表示します (少なくとも、スタイルは適用されません)。

したがって、できることは、適切な"display: inline-block"を持つインライン要素にすることです。段落についても同じです。必要ありません。とにかく追加したい場合は、ブロック要素でもあるため、必ずこのスタイルを適用してインラインにしてください。

<div>
Involved: 
    <form style="display:inline-block">
    <input type="submit" value="Add from list">
    </form> or      
    <form style="display:inline-block">
    <input type="submit" value="Type a name">
    </form>
</div>

インライン要素とブロック要素の詳細については、こちら

于 2013-04-13T10:50:14.137 に答える