0

おそらく非常に単純な質問がありますが、私はHTML開発にかなり慣れていません（私はこれに約20年遅れていることを知っています）、そして私は問題を抱えています。

私は次のコードを持っています：

<div style="padding:10px; background-color:#b0c4de;">   
  <img src="SOME_IMAGE_URL_HERE">
</div>

現在、myは実行時にPythonSOME_IMAGE_URL_HERE （Google AppEngine上）を介して挿入されるURL文字列であり、画像自体のサイズはさまざまです。画像の周りにボックスを設けるようなもので、画像をパディングで囲みたいと思います。div10px

上記のコードは10px、上部と下部にパディングを提供しますdivが、画面の幅全体に広がります。div画像の幅に設定するにはどうすればよいですか？画像サイズが変わることに注意してください。

4

1 に答える 1

3

のdisplayプロパティを指定しinline-blockます。これがデモです。

（他のいくつかのことにもfloatそれを行うことができますが、他の問題を引き起こす可能性は最も低いです。）leftinline-block

于 2012-12-17T23:42:45.823 に答える