-1

Wordpress では、YouTube チャンネル リスト プラグインを使用しています。

うまく機能しますが、ビデオの配置は見栄えがよくありません。実際にBIG動画の下に斜めのリストを表示!

css でこの問題を修正する方法を教えてもらえますか?

ここにページがあります

http://www.snowypeach.com/home/?page_id=1106

ビデオの下に、斜めではなく横に並べたリストが必要です!

4

2 に答える 2

1

<div />の子としてをネストしました<ul />。これは無効なマークアップです。<li/>要素を移動しての子にし<ul />、 を削除する<div />と機能します

編集

問題はわかりました。このすべてのコンテンツを<pre/>タグ内にラップしています。このタグはここでは使用しないでください。削除できない場合は style を追加してwhite-space: normal;ください。

クロム開発ツール内で要素を移動して空白を削除し、したがって問題を解決して、前の回答をテストしました。

お役に立てれば :)

于 2012-12-28T17:30:56.163 に答える
0

以下にクラスytc-columns4<ul>があり、小さなビデオ<li>タグの配置を制御しています。

<ul class="ytchagallery ytccf ytc-table ytc-td-bottom ytc-columns4">

そのクラスによると、以下のcssは66行目のcssファイルのプラグインによって生成されています

http://www.snowypeach.com/home/wp-content/plugins/youtube-channel-gallery/styles.css?ver=3.4.1

.ytc-columns4 li {
    width: calc(100% / 4 + 10px / 3);
}

クラスytc-columns3ytc-columns2を変更しましたが、結果は毎回異なります。プラグインの計算部分がどこにあるのか正確にはわかりません。それ以外の場合は、コードをtweekできます。

于 2012-12-28T18:25:36.183 に答える