0

一部の質問は単に書き直す必要があるため、この質問は書き直されています

これらの p タグの幅をどのようにオーバーライドしますか? コンテンツがウィンドウの境界からはみ出しており、これは容認できません。HTML（SharePointによって生成された）を編集することはできず、CSSでそれを圧倒するだけです。:

<div class="ms-rteElement-photodivright" style="width:475px">
<p class="ms-rteStyle-photoCredit">this text spills over my desired width</p>
<p class="ms-rteStyle-photocaption">This text spills over my desired width</p>
</div>

これは私が持っているものです:

div#wrapper
 { 
margin:0 auto !important; 
width:%f !important; 
background:green;
 float:left !important; 
 position: relative !important;
}
body 
{
  background:darkgreen !important;
 }

.clear
 {
clear:both !important;
}
img 
{max-width:%f !important; 
height:auto;
} 
div [class] 
{
p: width:%f !important; 
float:clear !important;
}
 .override div.ms-rteElement-photodivright
 {
max-width:%f 
!important; 
margin:auto;
}

.override p.ms-rteStyle-photocaption 
{
max-width:%f !important; 
margin:auto;
}

結果は次のとおりです。緑の色合いが異なっているのがわかりますか? 緑の暗い色合いにこぼれているコンテンツを緑 (私のラッパー) に含めたままにしたい...こぼれているコンテンツは、上記のコードのこれらの P クラスです... ここに画像の説明を入力

ありがとうございました

4

2 に答える 2

1

position: relative;あなたの画像が絶対位置を持っていると私が言えることから、あなたのラッパーが必要かどうか疑問に思っています。それらは、相対、絶対、または固定位置を持つカスケード内の最初のコンテナーに対して自分自身を配置/測定します。ただし、実際の例がないと少し難しいです。

于 2013-03-05T11:08:22.870 に答える
0

あなたはそれを知らないでしょう、私は私自身の質問に答えました...

 .ms-rteElement-photodivright
 {
 max-width:%f 
 !important; 
 margin:auto;
 }

.ms-rteStyle-photocaption 
{
max-width:%f !important; 
margin:auto;
}
于 2013-03-06T22:37:44.067 に答える