2つのdivタグを並べて配置するにはどうすればよいですか?

9つ

2つのdivタグを並べて配置するにはどうすればよいですか?私はこれを試しました:

<div>text 1</div><div>text 2</div>

しかし、私が2行で書いたように、それらは互いに下に表示されます。

ジェイソン・グラハム

Divはブロックレベルの要素です。つまり、特に明記されていない限り、Divは使用可能なすべてのスペースを占有します。それらを並べて表示するには、CSSプロパティを使用する必要がありますfloat

CSS

.float-left{
    float: left;
}

HTMLの場合よりも、次のようにクラス名を割り当てるだけです。

<div class="float-left"> 1 </div>
<div class="float-left"> 2 </div>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

2つの<div>を常に並べて配置するにはどうすればよいですか?

分類Dev

2つのdivを並べて配置するにはどうすればよいですか?

分類Dev

最初のdivが2行になっている場合、2つのdivを並べて配置するにはどうすればよいですか?

分類Dev

2つ以上の画像をHTMLに並べて配置するにはどうすればよいですか?

分類Dev

2つのiframeを中央に並べて配置するにはどうすればよいですか?

分類Dev

2つの画像をHTMLで並べて配置するにはどうすればよいですか?

分類Dev

2つのdivを並べて配置し、3番目のdivを2番目のdivに揃えるにはどうすればよいですか?

分類Dev

2つのdivを並べて配置し、3番目のdivを2番目のdivに揃えるにはどうすればよいですか?

分類Dev

2つのJSX要素を並べて配置するにはどうすればよいですか?

分類Dev

2つの<ul>リストを並べて配置するにはどうすればよいですか?

分類Dev

これらの2つのdivを並べて取得するにはどうすればよいですか?

分類Dev

2つのdivを上下に並べて<aside>を右側に配置するにはどうすればよいですか?

分類Dev

cssを使用してpタグを並べて配置するにはどうすればよいですか?

分類Dev

円の形をした2つのdivを並べて配置するにはどうすればよいですか?

分類Dev

これらのdivを並べて配置するにはどうすればよいですか

分類Dev

これらの2つのボタンをさまざまな形で並べて配置するにはどうすればよいですか

分類Dev

tdタグ内のdivタグを一列に並べるにはどうすればよいですか?

分類Dev

3つのdivを並べて、下部と上部のdivの間に配置するにはどうすればよいですか?

分類Dev

これらの2つのdivを垂直に並べるにはどうすればよいですか?

分類Dev

1つのdivから4つのヘッダーを並べて配置するにはどうすればよいですか?

分類Dev

相対配置を使用して2つのコンテナを並べて配置するにはどうすればよいですか

分類Dev

マージンとボーダーを使用して3つのdivを並べて配置するにはどうすればよいですか?

分類Dev

2つのセルの値をExcelで並べて出力するにはどうすればよいですか?

分類Dev

2つの異なるものを並べて作成するにはどうすればよいですか?

分類Dev

CSS変換を使用して、2つ以上のキューブを正しい視点で並べて配置するにはどうすればよいですか?

分類Dev

2つの2D配列を並べて印刷するにはどうすればよいですか?

分類Dev

重複せずにdivを並べて配置するにはどうすればよいですか?

分類Dev

Jupyter Notebook(iPython)で2つの画像を並べて表示するにはどうすればよいですか?

分類Dev

Javascriptで、2つの図を並べて印刷するにはどうすればよいですか?

Related 関連記事

  1. 1

    2つの<div>を常に並べて配置するにはどうすればよいですか?

  2. 2

    2つのdivを並べて配置するにはどうすればよいですか?

  3. 3

    最初のdivが2行になっている場合、2つのdivを並べて配置するにはどうすればよいですか?

  4. 4

    2つ以上の画像をHTMLに並べて配置するにはどうすればよいですか?

  5. 5

    2つのiframeを中央に並べて配置するにはどうすればよいですか?

  6. 6

    2つの画像をHTMLで並べて配置するにはどうすればよいですか?

  7. 7

    2つのdivを並べて配置し、3番目のdivを2番目のdivに揃えるにはどうすればよいですか?

  8. 8

    2つのdivを並べて配置し、3番目のdivを2番目のdivに揃えるにはどうすればよいですか?

  9. 9

    2つのJSX要素を並べて配置するにはどうすればよいですか?

  10. 10

    2つの<ul>リストを並べて配置するにはどうすればよいですか?

  11. 11

    これらの2つのdivを並べて取得するにはどうすればよいですか?

  12. 12

    2つのdivを上下に並べて<aside>を右側に配置するにはどうすればよいですか?

  13. 13

    cssを使用してpタグを並べて配置するにはどうすればよいですか?

  14. 14

    円の形をした2つのdivを並べて配置するにはどうすればよいですか?

  15. 15

    これらのdivを並べて配置するにはどうすればよいですか

  16. 16

    これらの2つのボタンをさまざまな形で並べて配置するにはどうすればよいですか

  17. 17

    tdタグ内のdivタグを一列に並べるにはどうすればよいですか?

  18. 18

    3つのdivを並べて、下部と上部のdivの間に配置するにはどうすればよいですか?

  19. 19

    これらの2つのdivを垂直に並べるにはどうすればよいですか?

  20. 20

    1つのdivから4つのヘッダーを並べて配置するにはどうすればよいですか?

  21. 21

    相対配置を使用して2つのコンテナを並べて配置するにはどうすればよいですか

  22. 22

    マージンとボーダーを使用して3つのdivを並べて配置するにはどうすればよいですか?

  23. 23

    2つのセルの値をExcelで並べて出力するにはどうすればよいですか?

  24. 24

    2つの異なるものを並べて作成するにはどうすればよいですか?

  25. 25

    CSS変換を使用して、2つ以上のキューブを正しい視点で並べて配置するにはどうすればよいですか?

  26. 26

    2つの2D配列を並べて印刷するにはどうすればよいですか?

  27. 27

    重複せずにdivを並べて配置するにはどうすればよいですか?

  28. 28

    Jupyter Notebook(iPython)で2つの画像を並べて表示するにはどうすればよいですか?

  29. 29

    Javascriptで、2つの図を並べて印刷するにはどうすればよいですか?

ホットタグ

アーカイブ