-4 
<div class='cluster' id='12' 'style='width:350px;min-height:150px;border:4px
solid #339966;'>
    <div class='image' style='width:150px;height:150px;border:2px solid
black;float:left;margin-bottom:10px;margin-left:10px'>
    <img id='image1' src='server/php/files/image.jpg' style='width:140px;height:140px;float:left;'>
    <img id='image22' src='server/php/files/image.jpg' style='width:140px;height:140px;float:left;'>
    <img id='image45' src='server/php/files/image.jpg' style='width:140px;height:140px;float:left;'>
</div>
</div>

この形式で画像を表示

助けて

4

2 に答える 2

2

このようにしてみてください

$('#img120').css({ 'display': ' inline-block', 'padding-left': '177px' });

img で始まり、番号が変更された場合は、次のように試してください

$('img[id^="img"]').css({ 'display': ' inline-block', 'padding-left': '177px' });

120で終わる場合

$("img[id$='120']").css({ 'display': ' inline-block', 'padding-left': '177px' });
于 2012-12-20T07:49:18.820 に答える
1
  1. あなたの質問は完全に不完全です。
  2. あなたのhtmlタグIDは、質問とは異なります。

私があなたの質問を理解しているのは、タグでラップされた内部要素に css を適用する方法を尋ねたいということです。あなたの質問に答えると、クラスを持つdivがあり、そのdivにはこのようなcluster画像がありますid="120"

 <div class="cluster">
     <img src="some src" id="120" />
     <img src="some src" id="120" />
     <img src="some src" id="120" />  
</div>

次に、次のようにcssを記述できます

<style>
.cluster #120 {
 /* Your css properties */
 width:140px;
 height:140px;
 float:left;

}
</style>

div クラスのすべての画像にスタイルを適用する場合clusterは、次のようにします。

 <style>
.cluster image {
 /* Your css properties */
 width:140px;
 height:140px;
 float:left;

}
</style>

これにより、各画像にスタイル プロパティを指定する必要がなくなります。

于 2012-12-20T07:50:29.077 に答える