0

div内にテキストと画像があり、テキストを画像の中央ではなく上部に配置したいと思います。

外観は次のとおりです：http：//bitly.com/VSSoul

CSS：

.book1 {
    width: 100%;
    overflow: auto;
}

.book2 {
    width: 100%;
    overflow: auto;
}

.book1 img {
    float: right;
    width: 150px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

画像の中央相対ではなく、テキストをdivの上部に配置するにはどうすればよいですか？

4

3 に答える 3

2

実際は上に合わせています。h4 タグにはデフォルトのマージンがあるため、次のように設定します。

h4 {
  margin-top: 0;
}

トリックを行うでしょう。

于 2012-11-07T17:20:36.637 に答える
0

あなたが行くのを聞いてください。追加

h4 { margin-top: 0; }
.book1 {margin-bottom: 1.5em;}

.book1 の余分な余白は、個々の本の間隔を空けるのに役立ちます

于 2012-11-07T17:22:43.620 に答える
0 
.book img {
    float: right;
    width: 150px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.book {
    margin-bottom: 2em;
    overflow: auto;
}

JSFiddle のデモ:
http://jsfiddle.net/e636q/

于 2012-11-07T17:21:36.867 に答える