コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > html ボタンの位置_html/css_WEB-ITnose

html ボタンの位置_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 12:09:49
オリジナル
1461 人が閲覧しました

<div id="add" style="display:none;" width="660" >内容<input type="text" size="35" id="value1" maxlength = "256">网址<br><input size="45" type="text" id="value2"><input type="submit" value="Submit" onClick="OnAdd()"></div>
ログイン後にコピー


作りたかった:

でも実際に作ったのは:



変更するには?


ディスカッションに返信 (解決策) 

<div id="add" width="660" >内容<input type="text" size="35" id="value1" maxlength = "256">网址<input size="45" type="text" id="value2"><input type="submit" value="Submit" onClick="OnAdd()"></div>
ログイン後にコピー

HTML コード


ContentWeb サイト
……




を削除すると、次のようになります

それは、他のスタイルがあるためであり、コードの書き方は誰にもわかりません。
このコードを別のファイルに書き込んで、どのようになるかを確認してください。

親要素の長さが足りません

float がありません。

これは親要素のすべての CSS スタイルが掲載されています

  • input type="text" size= " 35" id="value1" maxlength = "256"/>

  • ウェブサイト

    実行すると、1行で表示されます。

関連ラベル：
html 按钮位置
ソース：php.cn
前の記事：Ie6 ではなぜ動作しないのですか ul.cssmenu li:hover a{color:#0d66a1;background-color: #f1f1f1;_html/css_WEB-ITnose 次の記事：3 列レイアウト。中央の列が最初に表示され、3 つの列の高さは同じである必要があります (背景画像を並べて表示することはできません)。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
React でスリーステート スイッチングを実装する最良の方法は? React で、ある状態から次の状態への状態変更をトリガーするボタンをいくつか作成しています。ボタンの中には、列挙型で表される 3 つの状態を持つものもあります。これら 3 つの状...
から 2024-04-06 13:51:32
0
1
418
ツールヒントのリンクとボタンが機能しない ツールヒント内からクリック イベントをトリガーしようとしています。クリックイベントを含むボタンを配置しましたが、機能しません。ツールチップ内に外部リンクを追加してみました。それもう...
から 2024-04-04 22:01:46
0
1
1352
JavaScript のクリップボード データ API 機能を貼り付ける際のエラー Uncaught TypeError: 未定義のプロパティを読み取れません (「getData」の読み取り) HTML ボタンのコードは次のとおりです。ボタンには単純な onclick 関数を、2 番目のボタンにはイベント <buttononclick="myFunctio...
から 2024-04-04 10:23:52
0
1
335
React を使用して 3 つのページを構築しています。各ページには独自の CSS ファイルがあり、各ページに CSS ファイルは 1 つだけあります。 私はこれら 3 つのページに取り組んでいます。App.js には 2 つのボタンがあり、最初のボタンをクリックすると「/quotes」ページに移動し、2 番目のボタンをクリックする...
から 2024-04-04 10:07:16
0
1
394
CSS 行クラスにより、一部の要素がフレーム外になりますが、要素は静的で表示の下部に固定される必要があります。 現在の私のページはこんな感じです。 2 つの要素が隣り合うように行クラスを追加すると、下部のナビゲーション バーがスクロールする必要がある位置まで押し下げられます。ここでは、行要素...
から 2024-04-03 18:48:12
0
1
281
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート