なぜ「請求書写真」センターを作ることができないのですか？

私はポジショニングを台無しにしていますか？マージンの使用を避けようとしています。愚かな質問を申し訳ありません - これに新しい！なぜ「請求書写真」センターを作ることができないのですか？

.container { 
    position: relative; 
} 

.jumbotron::before { 
    background: rgba(0,0,0,.5); 
    content: ""; 
    display: block; 
    height: 100%; 
    left: 0; 
    position: absolute; 
    top: 0; 
    width: 100%; 
} 

.bill-photo { 
    position: relative; 
    width: 15rem; 
    border-radius: 50%; 
}

出典

2017-09-06 mina cosentino

なぜマージンを避けていますか？ – chazsolo

そこにそれらなしで行う方法はありますか？私はそれを行うための最善の方法を理解しようとしています。応答性の高い目的のために列を使用してロックする方がよいでしょうか？初心者はここ！ :) –

あなたは多量のオプションを持っています。それはすべてあなたが達成しようとしているものに依存します。それはちょうど水平センタリングですか？その後、 '.bill-photo'ルールに' margin：0 auto; 'を追加します。より具体的な要件がある場合は、その詳細で質問を更新する必要があります。その写真には他のスタイルもありますが、ここでは説明しません。あなたの質問に[MVCE]（https://stackoverflow.com/help/mcve）を含めることができます。 – chazsolo

あなた.containerクラス上のテキスト整列CSSプロパティを使用してみてください。

.container { 
    position: relative; 
    text-align: center; 
}

これで問題が解決し、目的の効果が得られます。

希望します。乾杯！

出典

2017-09-06 17:57:32

なぜ「請求書写真」センターを作ることができないのですか？

答えて

関連する問題