これらの2つの要素を同じ行に作成するにはどうすればよいですか?

user3379926

私はフィドルを持っていますが、基本的なものはあまり私にはありませんが、フィドルの2つの要素は、本来あるべきように、独自のdiv(およびスパン)にあります-それぞれにがありdisplay: block、にtext-align基づいて左または右になりますそれらが含まれている要素のどこにあるべきか。私は、ハックCSSのいくつかの種類をやって外に把握するように見えるようにすることができない問題position relative;top: 10px(大体は) -同じ行にそれらを作る方法である.text-one.text-two同じライン上にある必要があり、両方の彼らの側に「整列します」要素。すべてを1つのdivで実行できますが、ご覧のとおり、別々の「コンテナー」に入れてください。

考え?これはかなり単純なことだと思いますが、私の人生では理解できません。

DreamTeK

これは、要素をフローティングするだけで実行できます。

CSS

.box{
    border: 1px solid #333;
    padding: 14px 27px 10px 15px;
    min-height: 60px;
    min-width: 60px;
}

.box .text-one{
    display: block;
    text-align: left;
    float:left;
}

.box .text-two{
    display: block;
    text-align: right;
    float:right;
}

http://jsfiddle.net/sLj65/7/

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

JSONArrayから2つの同じ要素を削除するにはどうすればよいですか?

分類Dev

同じ行に2つのエコー文字列を作成するにはどうすればよいですか?

分類Dev

同じ要素を持つ2つの配列を平均するにはどうすればよいですか?

分類Dev

同じ行の凡例タグの3つの要素を揃えるにはどうすればよいですか?

分類Dev

同じCSSを持つ複数の要素から選択するにはどうすればよいですか?

分類Dev

2つの要素を同じシーケンスに配置するにはどうすればよいですか?

分類Dev

2つの要素を同じ高さにするにはどうすればよいですか?

分類Dev

Reactの同じ行に2つの単語を表示するにはどうすればよいですか?

分類Dev

同じページに2つのbtn-groupを作成するにはどうすればよいですか?

分類Dev

onclickでこれら2つのIDを同時に表示するにはどうすればよいですか?

分類Dev

2つの要素を同じ線に揃えるにはどうすればよいですか?

分類Dev

2つのTraversableにまったく同じ要素が含まれていることを比較するにはどうすればよいですか?

分類Dev

同じ行に2つのh4タグを取得するにはどうすればよいですか?

分類Dev

同じ行に2つの数字を追加するにはどうすればよいですか?

分類Dev

2つのTextViewと同じ行に画像を設定するにはどうすればよいですか?

分類Dev

同じ行に2つのdivを配置するにはどうすればよいですか?

分類Dev

同じ行に2つの関数を連結するにはどうすればよいですか?

分類Dev

列のすべての要素に同じ行をアタッチして、2D配列を作成するにはどうすればよいですか?

分類Dev

cssが高い要素と同じ幅の要素を作成するにはどうすればよいですか?

分類Dev

終了点と開始点が同じになるように2つの行を作成するにはどうすればよいですか?

分類Dev

Bootstrapで、すべての要素を同じ行に保持するにはどうすればよいですか?

分類Dev

同じテーブルの2つの列から1つの行で異なる結果を取得するにはどうすればよいですか?

分類Dev

2つの特性からの関連するタイプが同じであることを要求するにはどうすればよいですか?

分類Dev

同じ行の複数の配列に要素を追加するにはどうすればよいですか?

分類Dev

2つの要素間でデータ属性が同じであるCSSセレクターを作成するにはどうすればよいですか?

分類Dev

Bashを使用して、多くのファイルの同じ行から値を持つ配列を作成するにはどうすればよいですか?

分類Dev

2つの配列に同じ要素が含まれているかどうかを確認するにはどうすればよいですか?

分類Dev

プログラムでEclipseの同じ行に2つのボタンを作成するにはどうすればよいですか?

分類Dev

同じ要素からngForoutのitemの値を使用するにはどうすればよいですか?

Related 関連記事

  1. 1

    JSONArrayから2つの同じ要素を削除するにはどうすればよいですか?

  2. 2

    同じ行に2つのエコー文字列を作成するにはどうすればよいですか?

  3. 3

    同じ要素を持つ2つの配列を平均するにはどうすればよいですか?

  4. 4

    同じ行の凡例タグの3つの要素を揃えるにはどうすればよいですか?

  5. 5

    同じCSSを持つ複数の要素から選択するにはどうすればよいですか?

  6. 6

    2つの要素を同じシーケンスに配置するにはどうすればよいですか?

  7. 7

    2つの要素を同じ高さにするにはどうすればよいですか?

  8. 8

    Reactの同じ行に2つの単語を表示するにはどうすればよいですか?

  9. 9

    同じページに2つのbtn-groupを作成するにはどうすればよいですか?

  10. 10

    onclickでこれら2つのIDを同時に表示するにはどうすればよいですか?

  11. 11

    2つの要素を同じ線に揃えるにはどうすればよいですか?

  12. 12

    2つのTraversableにまったく同じ要素が含まれていることを比較するにはどうすればよいですか?

  13. 13

    同じ行に2つのh4タグを取得するにはどうすればよいですか?

  14. 14

    同じ行に2つの数字を追加するにはどうすればよいですか?

  15. 15

    2つのTextViewと同じ行に画像を設定するにはどうすればよいですか?

  16. 16

    同じ行に2つのdivを配置するにはどうすればよいですか?

  17. 17

    同じ行に2つの関数を連結するにはどうすればよいですか?

  18. 18

    列のすべての要素に同じ行をアタッチして、2D配列を作成するにはどうすればよいですか?

  19. 19

    cssが高い要素と同じ幅の要素を作成するにはどうすればよいですか?

  20. 20

    終了点と開始点が同じになるように2つの行を作成するにはどうすればよいですか?

  21. 21

    Bootstrapで、すべての要素を同じ行に保持するにはどうすればよいですか?

  22. 22

    同じテーブルの2つの列から1つの行で異なる結果を取得するにはどうすればよいですか?

  23. 23

    2つの特性からの関連するタイプが同じであることを要求するにはどうすればよいですか?

  24. 24

    同じ行の複数の配列に要素を追加するにはどうすればよいですか?

  25. 25

    2つの要素間でデータ属性が同じであるCSSセレクターを作成するにはどうすればよいですか?

  26. 26

    Bashを使用して、多くのファイルの同じ行から値を持つ配列を作成するにはどうすればよいですか?

  27. 27

    2つの配列に同じ要素が含まれているかどうかを確認するにはどうすればよいですか?

  28. 28

    プログラムでEclipseの同じ行に2つのボタンを作成するにはどうすればよいですか?

  29. 29

    同じ要素からngForoutのitemの値を使用するにはどうすればよいですか?

ホットタグ

アーカイブ