-2

重複の可能性:
1 つの行に複数のオプションを選択

私は次のコードを持っていますが、それは別の行に生成されます.1行にしたいです(表示されていない親のみを埋めます)。

また、テキスト領域のサイズ変更機能を削除するにはどうすればよいですか?

<div id="search" align="left" style="width:100% height="100%">
<select>
    <option>Beers</option>
    <option>Cigars</option>
    <option>Wines</option>
</select>
    <div align="right">
        <form>
            <textarea style=width:"100%" height="100%" cols="0" "rows="0"></textarea>
        </form>
    </div>
</div>
4

2 に答える 2

2

どうぞ: http://jsfiddle.net/XeVdN/2または以下を参照してください:

<div id="search" style="float:left; width:100%; height=100%;">
<select stryle="float:left;">
    <option>Beers</option>
    <option>Cigars</option>
    <option>Wines</option>
</select>
    <div style="float:right;">
        <form>
            <textarea style="width:100%; height=100%; resize:none;" cols="0" "rows="0"></textarea>
        </form>
    </div>
</div>​

スタイル (いくつかの不正な " シンボル) にいくつかの問題がありましたが、これをクリーンアップしました。また、それらを整列させるには、最初の要素を左に、2 番目の要素を右にフロートするだけです。

学習目的で、スタイル属性を使用するときはいつでも、個々のパラメーターを引用符で囲む必要はありません。全体的なステートメントだけで、すべてのスタイルの後に ; を付けます。上記のコード例のように。

于 2012-10-19T15:36:36.293 に答える
0

を使用しますfloat。属性を削除し、他の属性にandalignを使用します。style="float:left;style="float:right;

現在のstyle属性も正しくありません。以下の例を参照してください。

HTML:

<div id="search">
  <select>
    <option>Beers</option>
    <option>Cigars</option>
    <option>Wines</option>
  </select>
  <div id="other">
   <form>
     <textarea></textarea>
   </form>
  </div>
</div>​

CSS:

#search {
    width:50%;
    float:left;
}
#other {
    width:50%;
    float:right;
}
/*** This is what removes the textarea resize ***/
textarea {
    resize:none;
}

ここでの実例: http://jsfiddle.net/gN6Fz/

于 2012-10-19T15:33:08.683 に答える