1

私がやろうとしているのは、divに2つの列を含めることができるようにすることです。そのため、いつでも画像を挿入して、テキストを長辺にきれいに配置できます。

これが私のhtmlです:

<div id="content">
<div id="gallery">
    <h1>Gallery</h1>
    <div id="container">
        <div id="imageleft">
            <img src="images/pic1.jpg" width="150px" alt="Image" />
        </div>
        <div id="imageright">
            test
        </div>
    </div>
    <img src="images/pic2.jpg" width="150px" alt="Image" />
    <img src="images/pic3.jpg" width="150px" alt="Image" />
    <img src="images/pic4.jpg" width="150px" alt="Image" />
</div>
</div>

これが完璧に機能するJSFiddleです

http://jsfiddle.net/RdyGM/1/

そして、これが私が実際に見ているものの画像です。紫色のビットは左の50%になるはずです。(テキスト「テスト」は下に配置されます)。

検査すると、他の場所から幅を取得していることがわかります:@

希望するCSSの使い方。

ここに画像の説明を入力してください

4

3 に答える 3

1

!importantを使用して、優先するCSSをブラウザに指示できます。これは役立つ場合と役に立たない場合があります...

#imageleft {
    float:left;
    width:50% !important;
    background:#c9c;
}

#imageright {
    float:right;
    width:50%  !important;
    background:#9c9;
}
于 2012-08-20T13:21:53.633 に答える
1

さて、あなたができることは2つあります。一般的なアプローチは、CSS セレクターをより具体的にすることです。したがって、#imageleftだけでなく、#gallery #content #imageleft を実行すると、ルールが適用されます。もう 1 つのアプローチは、CSS #imageleft を次のように変更することです。

#imageleft{
   ....
   width:50% !important;
   ....
}
于 2012-08-20T13:20:32.260 に答える
0
domId.Attributes.Add("property of css", "Your css class name"); 
于 2012-08-20T13:24:25.227 に答える