• meijinochoco

    (@meijinochoco)


    カスタムフィールドを縦に2分割したいと思っています。

    商品写真Aとその概要Bというカスタムフィールドがあります。

    このAとBを下記のように縦にカラムを分割して表示したいです。

    ————-
    本文本文本文

    ■A  ■B

    コメント欄
    ————-

    簡単な方法がもしあれがご教示いただければ幸いです。
    宜しくお願い致します。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • 천궁 메텔

    (@digitmaetel)

    スタイルシートで、display:table-cell で並べるなど。

    トピック投稿者 meijinochoco

    (@meijinochoco)

    ご回答ありがとうございます。
    CSSに

    .xxx{
    display:table-cell
    }

    とすると並ぶということですよね?

    今回の場合、.xxxにあたるのが何か?
    が、わかりません。(´;ω;`)

    これはどこを見れば分かりますか?
    ふつうなら、Aというフィールドのxxxは、どこに記載されていますか?

    천궁 메텔

    (@digitmaetel)

    プレーンの状態で、デベロッパーツールで見てはいかが。
    次に何をしてみようか、と緒になるでしょう。
    クラスの仕組み、カスタムフィールドとの関連も学べる良い勉強ですよ。

    トピック投稿者 meijinochoco

    (@meijinochoco)

    すみません。。

    >プレーンの状態で、デベロッパーツールで見て

    ここが、何をおっしゃてるのか、もう一度ご説明願えませんでしょうか?
    素人すぎて意味がわからず…
    わかれば、ツールとやらで見て、自分でやってみますです。

    トピック投稿者 meijinochoco

    (@meijinochoco)

    もともとxxxと名前がついていなかったので、無理やりつけて、仰るようにdisplay:table-cellとしたら、なんと!できました!!うれしい。

    ただ、縦方向に中央寄せされてしまいます。

    ■A  ■B
    こうしたいけど、

     ■A■B
    こうなってしまうんです。

    これは何か解決できますか?

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「カスタムフィールドのカラム分け方法」には新たに返信することはできません。