1

私は「検索」の技術があまり得意ではないか、このトピックは非常に単純であるため、一般的に誰も質問しませんが、ウェブサイトを開始して以来、これを検索しています。私の Web ページには 4 つのブロック要素しかありません。

  • 最初のブロック要素が一番上に表示されます
  • 2番目、3番目、4番目のブロック要素は、次の行から横一列に並べたい
  • 今はテーブルを使ってやっているのですが、スタイルが悪いですよね!?
  • これら 3 つのブロック要素をすべて同じ行に配置する方法を教えてください

現在、テーブル プロパティを削除すると、ブロック要素が次の行に移動します。テーブル プロパティを削除すると、次のようになります。

^^^^^^^^^^ブロック要素: 上^^^^^^^^^^^^

^^^^ブロック2^^^^^

^^^^ブロック3^^^^^^

^^^^ブロック4^^^^^^

次のように同じ行にブロック要素 2,3,4 が必要です: ^^^^Block2^^^^^ ^^^^Block3^^^^^ ^^^^Block4^^^^^

4

1 に答える 1

2

表示を試すことができます：inline-blockまたはfloat:left。

<html>
  <head>
    <style type="text/css">
      div {
      border: 1px black solid;
      }
    </style>
  </head>
  <body>
    <div>aaa</div>
    <div>bbbbbb</div>
    <div>cccc</div>
  </body>
</html>

ここに画像の説明を入力してください

<html>
  <head>
    <style type="text/css">
      div {
      border: 1px black solid;
      display: inline-block;
      }
    </style>
  </head>
  <body>
    <div>aaa</div>
    <div>bbbbbb</div>
    <div>cccc</div>
  </body>
</html>

ここに画像の説明を入力してください

<html>
  <head>
    <style type="text/css">
      div {
      border: 1px black solid;
      float: left;
      }
    </style>
  </head>
  <body>
    <div>aaa</div>
    <div>bbbbbb</div>
    <div>cccc</div>
  </body>
</html>

ここに画像の説明を入力してください

これらはChromeへの影響です。

于 2013-03-24T03:28:12.627 に答える