3

背景色が異なる通常のテキストから削除されるように、ブロック引用符のスタイルを設定しようとしています。通常のテキストから目立たせるために私が見つけた最善の方法は使用することfloat:rightですが、ブロッククォートを段落の右側に強制したくない(理想的には中央に配置したい)。この効果をどのように達成しますか?

明確にするために、ブロック引用符内のテキストは左寄せのままにしておきます。ブロッククォートの全体の形は、私が中心に置きたいものです。

jsfiddle

.blockquote {
    width: 75%;
    float: right;
    margin-top:20px;
    margin-bottom: 20px;
    padding: 20px;
    background: #0fddaf;
    background: rgb(15, 221, 175); /* Fall-back for browsers that don't support rgba */
    background: rgba(15, 221, 175, .15);
    font-family: fanwood_italic-webfont;
}

.blockquote p {
    padding: 10px

}

<span class="blockquote">Being good in business is the most fascinating kind of art. Making money is art and working is art and good business is the best art.</span>
4

3 に答える 3

2

フロートする代わりに、.blockquoteをに設定しdisplay: blockてフロートを削除してみませんか?そうすれば、余白/パディングを使用するだけで、コンテンツのサイズ変更を気にすることなく、必要な場所に配置できます*。

*多くの。

于 2013-02-27T22:35:26.180 に答える
2

スパンをdivに変更します。次に、float:rightを削除し、マージンを追加します:0 auto;

http://jsfiddle.net/ecCCu/3

<div class="blockquote">Being good in business is the most fascinating kind of art. Making money is art and working is art and good business is the best art.</div>

.blockquote {
    width: 75%;
    margin: 0 auto;
    margin-top:20px;
    margin-bottom: 20px;
    padding: 20px;
    background: #0fddaf;
    background: rgb(15, 221, 175); /* Fall-back for browsers that don't support rgba */
    background: rgba(15, 221, 175, .15);
    font-family: fanwood_italic-webfont;
}
于 2013-02-27T22:35:43.137 に答える
0

多分これはあなたが望むものです:

text-align: right念のために追加しました。これは、テキストを右に配置したいが、コンテナ/ブラッククォート全体ではないということです。


編集私はあなたがfloat: rightそこにいることを忘れたので、それなしで別のアップデートがあります:

于 2013-02-27T22:35:13.797 に答える