0

写真のボックスの空白部分にデータを入力する必要があります。赤の部分は画像になりますが、それでもデータは空白で連続して表示する必要があります。HTMLとCSSを使用してこれを実現するにはどうすればよいですか？

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

Updated with code :

 <div id="Content" runat="server">
    <img id="ad" src="images/sandbox.gif"  
            style="float:right; height: 200px; width: 150px;" alt="{alt}" />

    </div>
4

3 に答える 3

3

@Anuyaはこのhttp://jsfiddle.net/TfXNf/を見てください

于 2012-07-26T12:36:23.810 に答える
1

同じレイアウトを持つ必要があるすべての画像を切り替えるために、cssスタイルでクラスを定義するとより良いです。

HTML

<img src="http://link.to/image.jpg" class="className" alt="Image"/>

CSS

.className{
float: right;
margin-right:2px; /*change these based on your layout*/
margin-bottom: 2px; /*change these based on your layout*/
}

境界線の錯覚を作成できるように、テキストを画像から少し離すにはマージンが必要です

于 2012-07-26T12:12:31.127 に答える
0

画像にフロートを配置するだけです。

<img src="{imageLocation}" alt="{alt}" style="float:right;" />

理想的には、スタイリングをコンテンツとは別にしたいと思うでしょうが、これはあなたにアイデアを与えるでしょう。お役に立てば幸い

于 2012-07-26T12:05:02.087 に答える