1

私はこのようなものを持っています:

<div class="wrapper" style="display:block;">
  <div class="field1">
    <div class="label">Label1</div>
    <div class="item">Item 1</div>
  </div>

  <div class="field2">
    <div class="label">Label2</div>
    <div class="item">Item2</div>
  </div>

  <div class="field3">
    <div class="label">Label3</div>
    <div class="item">Item3</div>
  </div>

  ... more fields ...
</div>

CSSで同じ行に「Item1 Item2 Item3」としてディスプレイを表示するにはどうすればよいですか? 「display:none;」でラベルを非表示にできます。Drupal 7 と CCK フィールドを使用しているので、構造が固定されていると思います。ありがとうございました。

4

2 に答える 2

2

私があなたを正しく理解していれば、display:block に設定する必要があるラッパーがありますが、その内部では同じ行に各 div が必要です。

その場合、この CSS がそれを行う必要があります。

.field1, .field2, .field3 {
  display: inline-block;
}

ここにJS Fiddleがあります

于 2013-01-16T01:21:21.837 に答える
0

すべてを 1 行にまとめたい場合は、spans を使用する必要があります。

ご希望の方は具体的に

アイテム1 アイテム2 アイテム3

次に使用します

<span class="field1">
    <span class="label">Label1</span>
    <span class="item">Item 1</span>
</span>
<!-- ... -->

また、引用符は必要ありません<span class=field1></span>。問題ありません。

お役に立てれば！

于 2013-01-16T02:16:41.420 に答える