[WordPress] リストの動画の水平線が正しく表示されません。

スポンサーリンク

質問

youtube をリストするためのワードプレスのプラグインを使用しているチャネルのビデオ。私は ‘大学’ 応答性の高いテーマを使用して、ブートス トラップを持っています。

動画サムネイルは水平に列挙されます。私のテーマに統合した後いくつか問題しますが、

ください私のページを見て、:

http://54.84.11.219/wordpress/index.php/accordion-toggle/videos/

何卒力添えマイクロ エレクトロニクス:) この問題を解決するために

答え

この追加固定レイアウト問題と正しく並んで画像を見つけたコードを探しています

ul.ytchagallery .ytc-row {
     display: inline-block
}

それとそのプラグインを使用してお勧めしない、あなたのウェブサイトをアルゴリズムが難しく、多くデバッグするコードの多くを使用するように見えると述べた。また彼らはあなたのウェブサイトに他の CSS のコードと問題を引き起こす可能性が

!important

タグを使用します


答え

<article class="single-page-content">

の内容をラップは、

<pre>

タグを削除することによって成功を持っていた.

<pre>

タグ尊重ホワイト スペースは、すべて

<li>

要素間の空白が表示されていることを忘れないでください。空白はフロートの

<li>

要素の配置をかなぐり捨ててします

ここにはデモです:

 
.group:before,.group:after {content: "";display: table;}
.group:after {clear: both;}
.group {zoom: 1;}
div {
  background-color: #CCC;
  margin: 0 0 2em 0;
  padding: 1em;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul li {
  float: left;
  margin: 0 1em 0 0;
}
 
<div class="group">
  <p>With &lt;pre&gt;</p>
  <pre>
    <ul>
      <li>item</li>
      <li>item</li>
      <li>item</li>
      <li>item</li>
    </ul>
  </pre>
</div>

<div class="group">
  <p>Without &lt;pre&gt;</p>
  <ul>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
  </ul>
</div>

<div class="group">
  <p>With &lt;pre&gt; but no whitespace</p>
  <pre><ul><li>item</li><li>item</li><li>item</li><li>item</li></ul></pre>
</div>

http://stackoverflow.com/questions/27970294/list-videos-in-horizontal-line-not-displaying-properly

スポンサーリンク

Leave a Reply