0 
#index .post-tnail {
position:relative;
margin:0 0 10px -4px;
}

#index .post-tnail img {
position:relative;
float:left;
display:block;
width:200px;
height:auto;
background:#1c1c1c;
border:1px solid #2a2a2a;
padding:3px;
}

#index .post-content {
margin:0 0 10px -4px;
position: relative;
}

<div class="post-tnail">
    <a href="#"><img src="images/news/1.jpg" alt="Img" title="Img" /></a>
</div>                          

<div class="post-content">
    <p>Some text</p>
</div>

問題はこんな感じです。

| [IMAGE]Text1 |
| Text2        |
| Text3        |

テキスト 1 が画像に近すぎます。text1 と画像の間には 15px の距離が必要です。

私は何を間違っていますか？

4

2 に答える 2

0

画像の右マージン（または、問題のある画像の下のスペースの場合は下マージン）を配置します。このような：

#index .post-tnail img {
position:relative;
float:left;
display:block;
width:200px;
height:auto;
background:#1c1c1c;
border:1px solid #2a2a2a;
padding:3px;
margin-right:5px;
}
于 2013-01-31T07:19:55.147 に答える
0

<img>-を与えmargin-right: 15pxます。img は浮動要素であるため、テキストのマージンとパディングは適切に機能しません。

#index .post-tnail img {
    margin-right: 15px
{
于 2013-01-31T07:13:47.203 に答える