Question

我需要将播放按钮图像对齐另一个图像的中心。

当标题很长时，我的例子就是打破。

我们如何在整个大图像上准确对齐蓝色图像

<div class="video-item-wrapper">
    <div class="video-image-wrapper">
        <img src="http://placehold.it/600x400" class="img-responsive" />
    </div>
    <div class="play-item-wrapper">
        <img src="http://placehold.it/50.png/09f/fff&text=>" />
    </div>
    <div class="video-details-wrapper"> <span>this is video short video title</span>

Answer 1

只需将$.ajax({ url: fileName, dataType: 'text', context: this, success: function(jqXHR) { this.parseImport(fileName, jqXHR); } });放入容器play-item-wrapper内，并在其上添加相对位置。

video-image-wrapper

在CSS中

<div class="video-item-wrapper">
        <div class="video-image-wrapper">
            <img src="http://placehold.it/600x400" class="img-responsive" />

            <div class="play-item-wrapper">
                <img src="http://placehold.it/50.png/09f/fff&text=>" />
            </div>
        </div>
        <div class="video-details-wrapper"> 
            <span>this is video short video title</span>
        </div>
</div>

JSFiddle：https://jsfiddle.net/L51bd8vr/

将重叠图像对齐在中心

1 个答案: