0

コード：

<div class="container_bottom_tip">
    <div class="container_bottom_desc">This is some text
        <img class="browser_button_img" src="images/something.png">
    </div>
</div>

.container_bottom_tip {
    text-align: center;
}
.container_bottom_desc {
    color: #333;
}

上記のコードを使用して、画像を少し上に移動します。したがって、画像でmargin-topのようなことをすると、「これはテキストです」というテキストがドラッグされます。

「This is some text?」というテキストの位置に影響を与えずに画像を上下に移動するにはどうすればよいですか?

4

2 に答える 2

3

position: relative を使用できます

次に、css の「top」プロパティを変更して、画像の位置を調整できます。これにより、親 div に影響を与えずに移動できます。

http://jsfiddle.net/MCJhs/

.container_bottom_tip {
    text-align: center;
}
.container_bottom_desc {
    color: #333;
}
.browser_button_img{
    position: relative;
    top: 30px;
}
于 2013-08-15T15:14:05.170 に答える
2

あなたはこれを行うことができます：

.browser_button_img
{
    position: relative;
    top: -10px;
}

Relative Positioningを使用すると、他の要素のリフローに影響を与えることなく、要素を相対的に移動できます。絶対配置とは異なり、相対配置では要素が占める通常のスペースを維持できます。

于 2013-08-15T15:14:27.577 に答える