css - レスポンシブスライドショーの中央揃え

Question

RefineSlideレスポンシブスライドショーを使用していますが、中央に配置できません。常にページの左側に表示されます。

#slideshow{
position: relative;
width: 960px;
height:auto;
left: 50%;
margin-left: -480px;
}

上記をCSSに追加しようとしましたが、これで中央に配置されましたが、iPhoneでテストしたときにスライドショーが画面に収まらないため、残念ながら応答しなくなりました。

#slideshow{
position: relative;
width: 100%;
height:auto;
}

私がこのようにスタイリングすると、反応が良くなります...しかし、左に固執します。このCSSを中央に配置して応答性を維持するには、このCSSで何を変更する必要がありますか？

score 0 · Accepted Answer

他のマークアップに多少依存しますが、一般的にはこれで十分です:

#slideshow {
    margin: auto;
    width: Npx;
    /* also display: block if the element doesn't already have it */
}

1 に答える 1