0

回転バナーのテキスト (赤のテキスト) を右 (ソーシャル アイコンの左) に配置するのに苦労しています。ここにコードを投稿するには長すぎるので、実際にコードを確認できるリンクを次に示します(私はモダン ティッカー プラグインを使用していることに注意してください)。

これは以下のコード (modern-ticker.css の一部) に由来すると思われますが、それを変更するとfloat: rightテキストが消えます。私も試しました text-align: right さまざまな場所で成功しませんでした。ご協力いただきありがとうございます!

.mt-news li {
        float: left;
    }

ここに画像の説明を入力

4

1 に答える 1

1

フローティング要素はそのコンテンツと同じ幅になるため、コンテナーと同じ幅になるように指定する必要があります (この場合、コンテナーは非常に幅が広​​いですが、可視領域は 400px 幅です)。

.mt-news li {
    width: 400px;
}

その他の変更

この例ではli、一度に表示されないようにフェードしているため、親を非常に広くして s をフロートさせる必要はありません。私がお勧めします:

  1. width: 50000px;から削除ul
  2. float: left;から削除li
  3. float: left;から削除.mt-news

それは、実際のライブ状況がこの例と変わらない場合です。

于 2013-09-15T20:14:46.727 に答える